@greenbone/ui-lib 0.7.7-alpha0

package/lib/esm/components/Filter/utils/libs.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import{TFilter}from"./types";export const termMachine=term=>{const termState=structuredClone(term);const setActive=()=>{termState.active=true;return termMachine(termState)};const setInactive=()=>{termState.active=false;return termMachine(termState)};const setComplete=()=>{termState.completed=true;return termMachine(termState)};const setIncomplete=()=>{termState.completed=false;return termMachine(termState)};const setAttribute=attribute=>{termState.attribute=attribute;return termMachine(termState)};const setSelectedCascadeValue=values=>{termState.selectedCascadeValues=values;return termMachine(termState)};const setAttributeValues=value=>{if(termState.attribute)termState.attribute.values=value;return termMachine(termState)};const setOperator=operator=>{termState.operator=operator;return termMachine(termState)};const setValue=value=>{termState.value=value;return termMachine(termState)};const build=()=>termState;return{build,setIncomplete,setComplete,setActive,setInactive,setAttribute,setSelectedCascadeValue,setAttributeValues,setOperator,setValue}};export const termsMachine=terms=>{const termsState=structuredClone(terms);const setAllInactive=()=>{const newTerms=[...termsState].map(term=>termMachine(term).setInactive().build());return termsMachine(newTerms)};const removeAllIncompleted=()=>{const newTerms=[...termsState].filter(term=>term.completed);return termsMachine(newTerms)};const removeSpecificTerm=id=>{const newTerms=[...termsState].filter(term=>term.id!==id);return termsMachine(newTerms)};const getSpecificTerm=id=>{return termsState.find(term=>term.id===id)};const getSpecificTermIndex=id=>{return termsState.findIndex(t=>t.id===id)};const updateSpecificTerm=(id,update)=>{const term=getSpecificTerm(id);if(!term){return termsMachine(termsState)}const termIndex=termsState.findIndex(x=>x.id===id);termsState[termIndex]=update(term);return termsMachine(termsState)};const updateSpecificTermByIndex=(index,update)=>{const term=termsState[index];termsState[index]=update(term);return termsMachine(termsState)};const pushNewTerm=()=>{const newTerms=[...termsState,createEmptyTerm()];return termsMachine(newTerms)};const build=()=>termsState;return{build,getSpecificTerm,removeAllIncompleted,updateSpecificTerm,setAllInactive,pushNewTerm,removeSpecificTerm,getSpecificTermIndex,updateSpecificTermByIndex}};export const prepareValueDeletion=(oldValue,valueToDelete)=>{if(valueToDelete&&Array.isArray(oldValue)&&oldValue.length>1)return oldValue.filter(value=>value!==valueToDelete);return null};export const getCascadeValuesForConfigitem=(configItem,lastVal)=>{var _configItem_cascadeValues;let foundVal;configItem===null||configItem===void 0?void 0:(_configItem_cascadeValues=configItem.cascadeValues)===null||_configItem_cascadeValues===void 0?void 0:_configItem_cascadeValues.find(config=>{const find=values=>{const found=values===null||values===void 0?void 0:values.find(v=>{const found=v.value===lastVal.value;if(found){foundVal=v;return true}return find(v.options)});if(found)return found};if(config.value===lastVal.value){foundVal=config;return config}return find(config.options)});return foundVal};export const prepareValueChange=(currentValue,newValue)=>{if(Array.isArray(currentValue)&&Array.isArray(newValue))return newValue;if(Array.isArray(newValue))return[...newValue];return newValue};export const createEmptyTerm=()=>{return{completed:false,attribute:null,selectedCascadeValues:null,operator:null,value:null,active:true,id:Date.now()}};export const capitalize=string=>{return string.charAt(0).toUpperCase()+string.slice(1)};export function parseNumber(value,type){const number=parseFloat(value.replace(",","."));switch(type){case TFilter.EControlType.FLOAT:return number.fixDecimals(3);case TFilter.EControlType.INTEGER:return number.roundToInteger();default:return number}}export const appendValueToCurrentValueArray=(controlType,newValue)=>{if([TFilter.EControlType.STRING,TFilter.EControlType.ENUM,TFilter.EControlType.UUID].includes(controlType)){return newValue}if(Array.isArray(newValue)){return newValue.map(v=>parseNumber(v,controlType))}else{return parseNumber(newValue,controlType)}};export function parseString(input){var _input_match;const regex=/"[^"]+"|[^:]+/g;return((_input_match=input.match(regex))===null||_input_match===void 0?void 0:_input_match.map(match=>match.replace(/"/g,"")))||[]}export const emptyFilterDTO={operator:TFilter.DTO.Match.AND,fields:[]};export const emptyFilterInternal={match:"ALL",terms:[],termsCollapsed:false,edited:false};export const emptyFilterDTOBase64="eyJvcGVyYXRvciI6ImFuZCIsImZpZWxkcyI6W119";export const validateFilterDTO=(filterDTO,config)=>{const result=_object_spread({},filterDTO);const availableNames=config.reduce((acc,curr)=>[...acc,curr.name.value],[]);result.fields=filterDTO.fields.reduce((acc,curr)=>{var _config_find;if(!availableNames.includes(curr.name))return acc;const availableOperators=((_config_find=config.find(c=>c.name.value===curr.name))===null||_config_find===void 0?void 0:_config_find.operators.map(o=>o.value))||[];if(!availableOperators.includes(curr.operator))return acc;return[...acc,curr]},[]);return result};
+//# sourceMappingURL=libs.js.map

package/lib/esm/components/Filter/utils/libs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/utils/libs.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TFilter } from \"./types\"\nimport { TValue } from \"../../Form\"\nimport { TCascadeOption } from \"../../Form/Select/Cascade/CascadeOption\"\n\n// This function accepts a term as an argument and implements the builder pattern to modify the given term.\n// It implements the usage a domain specific language for the term without having to adjust the individual properties of the term itself.\n// The machine will return an instance of termMachine. To receive the adjusted term, you need to call .build() at the end.\nexport const termMachine = (term: TFilter.Internal.Term.State) => {\n  const termState = structuredClone(term)\n\n  const setActive = () => {\n    termState.active = true\n    return termMachine(termState)\n  }\n\n  const setInactive = () => {\n    termState.active = false\n    return termMachine(termState)\n  }\n\n  const setComplete = () => {\n    termState.completed = true\n    return termMachine(termState)\n  }\n\n  const setIncomplete = () => {\n    termState.completed = false\n    return termMachine(termState)\n  }\n\n  const setAttribute = (attribute: TFilter.ConfigItem | null) => {\n    termState.attribute = attribute\n    return termMachine(termState)\n  }\n\n  const setSelectedCascadeValue = (values: TCascadeOption<TValue[]>[]) => {\n    termState.selectedCascadeValues = values\n    return termMachine(termState)\n  }\n\n  const setAttributeValues = (value: string[]) => {\n    if (termState.attribute) termState.attribute.values = value\n    return termMachine(termState)\n  }\n\n  const setOperator = (operator: TFilter.Operator | null) => {\n    termState.operator = operator\n    return termMachine(termState)\n  }\n\n  const setValue = (value: TFilter.Internal.Term.TermValue) => {\n    termState.value = value\n    return termMachine(termState)\n  }\n\n  const build = () => termState\n\n  return {\n    build,\n    setIncomplete,\n    setComplete,\n    setActive,\n    setInactive,\n    setAttribute,\n    setSelectedCascadeValue,\n    setAttributeValues,\n    setOperator,\n    setValue,\n  }\n}\n\n// This function accepts an array of terms as an argument and implements the builder pattern to modify the given terms.\n// It implements the usage a domain specific language for the terms without having to adjust the individual properties of the term itself.\n// The machine will return an instance of termsMachine. To receive the adjusted terms, you need to call .build() at the end.\nexport const termsMachine = (terms: TFilter.Internal.Term.State[]) => {\n  const termsState = structuredClone(terms)\n\n  const setAllInactive = () => {\n    const newTerms = [...termsState].map((term) => termMachine(term).setInactive().build())\n    return termsMachine(newTerms)\n  }\n\n  const removeAllIncompleted = () => {\n    const newTerms = [...termsState].filter((term) => term.completed)\n    return termsMachine(newTerms)\n  }\n\n  const removeSpecificTerm = (id: TFilter.Internal.Term.State[\"id\"]) => {\n    const newTerms = [...termsState].filter((term) => term.id !== id)\n    return termsMachine(newTerms)\n  }\n\n  const getSpecificTerm = (id: TFilter.Internal.Term.State[\"id\"]) => {\n    return termsState.find((term) => term.id === id)\n  }\n\n  const getSpecificTermIndex = (id: TFilter.Internal.Term.State[\"id\"]) => {\n    return termsState.findIndex((t) => t.id === id)\n  }\n\n  const updateSpecificTerm = (\n    id: TFilter.Internal.Term.State[\"id\"],\n    update: (term: TFilter.Internal.Term.State) => TFilter.Internal.Term.State\n  ) => {\n    const term = getSpecificTerm(id)\n    if (!term) {\n      return termsMachine(termsState)\n    }\n    const termIndex = termsState.findIndex((x) => x.id === id)\n    termsState[termIndex] = update(term)\n    return termsMachine(termsState)\n  }\n\n  const updateSpecificTermByIndex = (\n    index: number,\n    update: (term: TFilter.Internal.Term.State) => TFilter.Internal.Term.State\n  ) => {\n    const term = termsState[index]\n\n    termsState[index] = update(term)\n    return termsMachine(termsState)\n  }\n\n  const pushNewTerm = () => {\n    const newTerms = [...termsState, createEmptyTerm()]\n    return termsMachine(newTerms)\n  }\n\n  const build = () => termsState\n\n  return {\n    build,\n    getSpecificTerm,\n    removeAllIncompleted,\n    updateSpecificTerm,\n    setAllInactive,\n    pushNewTerm,\n    removeSpecificTerm,\n    getSpecificTermIndex,\n    updateSpecificTermByIndex,\n  }\n}\n\nexport const prepareValueDeletion = (\n  oldValue: TFilter.Internal.Term.TermValue,\n  valueToDelete?: string\n) => {\n  if (valueToDelete && Array.isArray(oldValue) && oldValue.length > 1)\n    return oldValue.filter((value) => value !== valueToDelete)\n  return null\n}\n\nexport const getCascadeValuesForConfigitem = (configItem: TFilter.ConfigItem, lastVal: TValue) => {\n  let foundVal: TFilter.CascadeValue | undefined\n  configItem?.cascadeValues?.find((config) => {\n    const find = (\n      values: TFilter.ConfigItem[\"cascadeValues\"]\n    ): TFilter.CascadeValue | undefined => {\n      const found: TFilter.CascadeValue | undefined = values?.find((v) => {\n        const found = v.value === lastVal.value\n\n        if (found) {\n          foundVal = v\n          return true\n        }\n\n        return find(v.options)\n      })\n      if (found) return found\n    }\n    if (config.value === lastVal.value) {\n      foundVal = config\n      return config\n    }\n    return find(config.options)\n  })\n  return foundVal\n}\n\nexport const prepareValueChange = (\n  currentValue: TFilter.Internal.Term.TermValue,\n  newValue: TFilter.Internal.Term.TermValue\n) => {\n  if (Array.isArray(currentValue) && Array.isArray(newValue)) return newValue\n  if (Array.isArray(newValue)) return [...newValue]\n  return newValue\n}\n\nexport const createEmptyTerm = (): TFilter.Internal.Term.State => {\n  return {\n    completed: false,\n    attribute: null,\n    selectedCascadeValues: null,\n    operator: null,\n    value: null,\n    active: true,\n    id: Date.now(),\n  }\n}\n\nexport const capitalize = (string: string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1)\n}\n\nexport function parseNumber(value: string, type: TFilter.EControlType): number {\n  const number = parseFloat(value.replace(\",\", \".\"))\n  switch (type) {\n    case TFilter.EControlType.FLOAT:\n      return number.fixDecimals(3)\n    case TFilter.EControlType.INTEGER:\n      return number.roundToInteger()\n\n    default:\n      return number\n  }\n}\n\nexport const appendValueToCurrentValueArray = (\n  controlType: TFilter.EControlType,\n  newValue: string | string[]\n): TFilter.Internal.Term.TermValue => {\n  if (\n    [TFilter.EControlType.STRING, TFilter.EControlType.ENUM, TFilter.EControlType.UUID].includes(\n      controlType\n    )\n  ) {\n    return newValue\n  }\n\n  if (Array.isArray(newValue)) {\n    return newValue.map((v) => parseNumber(v, controlType))\n  } else {\n    return parseNumber(newValue, controlType)\n  }\n}\nexport function parseString(input: string): string[] {\n  const regex = /\"[^\"]+\"|[^:]+/g\n  return input.match(regex)?.map((match) => match.replace(/\"/g, \"\")) || []\n}\nexport const emptyFilterDTO: TFilter.DTO.State = {\n  operator: TFilter.DTO.Match.AND,\n  fields: [],\n}\n\nexport const emptyFilterInternal: TFilter.Internal.State = {\n  match: \"ALL\",\n  terms: [],\n  termsCollapsed: false,\n  edited: false,\n}\n\nexport const emptyFilterDTOBase64 = \"eyJvcGVyYXRvciI6ImFuZCIsImZpZWxkcyI6W119\"\n\nexport const validateFilterDTO = (filterDTO: TFilter.DTO.State, config: TFilter.Config) => {\n  const result = { ...filterDTO }\n  const availableNames = config.reduce<string[]>((acc, curr) => [...acc, curr.name.value], [])\n\n  result.fields = filterDTO.fields.reduce<TFilter.DTO.Field[]>((acc, curr) => {\n    if (!availableNames.includes(curr.name)) return acc\n    const availableOperators =\n      config.find((c) => c.name.value === curr.name)?.operators.map((o) => o.value) || []\n\n    if (!availableOperators.includes(curr.operator)) return acc\n\n    return [...acc, curr]\n  }, [])\n  return result\n}\n"],"names":["TFilter","termMachine","term","termState","structuredClone","setActive","active","setInactive","setComplete","completed","setIncomplete","setAttribute","attribute","setSelectedCascadeValue","values","selectedCascadeValues","setAttributeValues","value","setOperator","operator","setValue","build","termsMachine","terms","termsState","setAllInactive","newTerms","map","removeAllIncompleted","filter","removeSpecificTerm","id","getSpecificTerm","find","getSpecificTermIndex","findIndex","t","updateSpecificTerm","update","termIndex","x","updateSpecificTermByIndex","index","pushNewTerm","createEmptyTerm","prepareValueDeletion","oldValue","valueToDelete","Array","isArray","length","getCascadeValuesForConfigitem","configItem","lastVal","foundVal","cascadeValues","config","found","v","options","prepareValueChange","currentValue","newValue","Date","now","capitalize","string","charAt","toUpperCase","slice","parseNumber","type","number","parseFloat","replace","EControlType","FLOAT","fixDecimals","INTEGER","roundToInteger","appendValueToCurrentValueArray","controlType","STRING","ENUM","UUID","includes","parseString","input","regex","match","emptyFilterDTO","DTO","Match","AND","fields","emptyFilterInternal","termsCollapsed","edited","emptyFilterDTOBase64","validateFilterDTO","filterDTO","result","availableNames","reduce","acc","curr","name","availableOperators","c","operators","o"],"mappings":"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"}

package/lib/esm/components/Filter/utils/transformHelpers.js

@@ -0,0 +1,2 @@
+import{ELanguage,TFilter}from"./types";import{DateTime}from"../../../helper/Controller/DateTime";import{getIntlDate}from"../../../helper";const EControlType=TFilter.EControlType;export const buildDTOValueBasedOnValueTransformMap=(transformMap={})=>term=>{var _term_attribute;const uniqueIdentifier=(_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.name.value;if(!uniqueIdentifier)return;const transformer=transformMap[uniqueIdentifier];if(!transformer)return;return transformMap[uniqueIdentifier](term)};export const transformValueBasedOnControlType=config=>{return(controlType,term)=>{if(!controlType||!term)return term;const transformer=config[controlType];if(!transformer)return term;return transformer(term)}};export const transformTermIntoDateIsoString=term=>{try{const luxon=DateTime.fromIsoString(new Date(term.value).toISOString());return luxon.toLocalIsoString()}catch(_error){return term.value}};export const buildDefaultDTOValueTransformMap=configMap=>({dateTime:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||transformTermIntoDateIsoString(term),uuid:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value,string:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value,enum:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value,float:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value,integer:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value,[EControlType.AUTOCOMPLETE]:term=>buildDTOValueBasedOnValueTransformMap(configMap)(term)||term.value});export const buildDisplayValueTransformMap=options=>({dateTime:term=>{try{const date=new Date(term.value);return getIntlDate(date,(options===null||options===void 0?void 0:options.language)||ELanguage.DE,{removeTime:true})}catch(_error){return term.value}},uuid:term=>term.value,string:term=>term.value,enum:term=>term.value,float:term=>term.value,integer:term=>term.value,[EControlType.AUTOCOMPLETE]:term=>term.value||""});
+//# sourceMappingURL=transformHelpers.js.map

package/lib/esm/components/Filter/utils/transformHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/utils/transformHelpers.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ELanguage, TFilter } from \"./types\"\nimport { DateTime } from \"../../../helper/Controller/DateTime\"\nimport { getIntlDate } from \"../../../helper\"\nimport EControlType = TFilter.EControlType\n\nexport type TTermValueNotNull = Exclude<TFilter.Internal.Term.TermValue, null>\n\nexport type TTransformConfig = Record<\n  TFilter.EControlType,\n  (term: TFilter.Internal.Term.State) => TTermValueNotNull\n>\n\nexport type TValueTransformConfig = TFilter.DTO.ValueTransformConfigByAttributeName\n\n/**\n * Transforms individual values based on their attributes passed in *transformer.dtoValueTransformMap*.\n * Known caveat: it's currently not generically typed. So you either know if your value is multiselect (an array)\n * or not and ignore TS errors, or you handle both cases using Array.isArray checks\n * @param transformMap *dtoValueTransformMap*\n */\nexport const buildDTOValueBasedOnValueTransformMap =\n  (transformMap: TValueTransformConfig = {}) =>\n  (term: TFilter.Internal.Term.State) => {\n    const uniqueIdentifier = term.attribute?.name.value\n    if (!uniqueIdentifier) return\n    const transformer = transformMap[uniqueIdentifier]\n    if (!transformer) return\n    return transformMap[uniqueIdentifier](term)\n  }\n\nexport const transformValueBasedOnControlType = (\n  config: TTransformConfig\n): ((\n  controlType: TFilter.EControlType,\n  term: TFilter.Internal.Term.State\n) => TTermValueNotNull) => {\n  // @ts-ignore\n  return (controlType?: TFilter.EControlType, term: TTermValue) => {\n    if (!controlType || !term) return term\n    const transformer = config[controlType]\n    if (!transformer) return term\n    return transformer(term)\n  }\n}\nexport const transformTermIntoDateIsoString = (term: TFilter.Internal.Term.State) => {\n  try {\n    const luxon = DateTime.fromIsoString(new Date(term.value as string).toISOString())\n    return luxon.toLocalIsoString()!\n  } catch (_error) {\n    return term.value!\n  }\n}\n\nexport const buildDefaultDTOValueTransformMap: (\n  configMap?: TValueTransformConfig\n) => TTransformConfig = (configMap) => ({\n  dateTime: (term) =>\n    buildDTOValueBasedOnValueTransformMap(configMap)(term) || transformTermIntoDateIsoString(term),\n  uuid: (term) => buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n  string: (term) => buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n  enum: (term) => buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n  float: (term) => buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n  integer: (term) => buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n  [EControlType.AUTOCOMPLETE]: (term) =>\n    buildDTOValueBasedOnValueTransformMap(configMap)(term) || term.value!,\n})\n\n/**\n * Transform map for the Read parts of **Value**. This for example automatically transforms any date values into IntlLocals\n * @param options Options for the buildDisplayValueTransformMap (language and current term)\n */\nexport const buildDisplayValueTransformMap: (\n  options?: TFilter.Internal.TFilterApplyOptions\n) => TTransformConfig = (options) => ({\n  dateTime: (term) => {\n    try {\n      const date = new Date(term.value as string)\n      return getIntlDate(date, options?.language || ELanguage.DE, {\n        removeTime: true,\n      })\n    } catch (_error) {\n      return term.value!\n    }\n  },\n  uuid: (term) => term.value!,\n  string: (term) => term.value!,\n  enum: (term) => term.value!,\n  float: (term) => term.value!,\n  integer: (term) => term.value!,\n  [EControlType.AUTOCOMPLETE]: (term) => term.value || \"\",\n})\n"],"names":["ELanguage","TFilter","DateTime","getIntlDate","EControlType","buildDTOValueBasedOnValueTransformMap","transformMap","term","uniqueIdentifier","attribute","name","value","transformer","transformValueBasedOnControlType","config","controlType","transformTermIntoDateIsoString","luxon","fromIsoString","Date","toISOString","toLocalIsoString","_error","buildDefaultDTOValueTransformMap","configMap","dateTime","uuid","string","enum","float","integer","AUTOCOMPLETE","buildDisplayValueTransformMap","options","date","language","DE","removeTime"],"mappings":"AAIA,OAASA,SAAS,CAAEC,OAAO,KAAQ,SAAS,AAC5C,QAASC,QAAQ,KAAQ,qCAAqC,AAC9D,QAASC,WAAW,KAAQ,iBAAiB,CAC7C,MAAOC,aAAe,QAAQ,YAAY,AAiB1C,QAAO,MAAMC,sCACX,CAACC,aAAsC,CAAC,CAAC,GACzC,AAACC,WAC0BA,gBAAzB,MAAMC,kBAAmBD,gBAAAA,KAAKE,SAAS,UAAdF,gCAAAA,gBAAgBG,IAAI,CAACC,KAAK,CACnD,GAAI,CAACH,iBAAkB,OACvB,MAAMI,YAAcN,YAAY,CAACE,iBAAiB,CAClD,GAAI,CAACI,YAAa,OAClB,OAAON,YAAY,CAACE,iBAAiB,CAACD,KACxC,CAAC,AAEH,QAAO,MAAMM,iCAAmC,AAC9CC,SAMA,MAAO,CAACC,YAAoCR,QAC1C,GAAI,CAACQ,aAAe,CAACR,KAAM,OAAOA,KAClC,MAAMK,YAAcE,MAAM,CAACC,YAAY,CACvC,GAAI,CAACH,YAAa,OAAOL,KACzB,OAAOK,YAAYL,KACrB,CACF,CAAC,AACD,QAAO,MAAMS,+BAAiC,AAACT,OAC7C,GAAI,CACF,MAAMU,MAAQf,SAASgB,aAAa,CAAC,IAAIC,KAAKZ,KAAKI,KAAK,EAAYS,WAAW,IAC/E,OAAOH,MAAMI,gBAAgB,EAC/B,CAAE,MAAOC,OAAQ,CACf,OAAOf,KAAKI,KAAK,AACnB,CACF,CAAC,AAED,QAAO,MAAMY,iCAEW,AAACC,WAAe,CAAA,CACtCC,SAAU,AAAClB,MACTF,sCAAsCmB,WAAWjB,OAASS,+BAA+BT,MAC3FmB,KAAM,AAACnB,MAASF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,CACpFgB,OAAQ,AAACpB,MAASF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,CACtFiB,KAAM,AAACrB,MAASF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,CACpFkB,MAAO,AAACtB,MAASF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,CACrFmB,QAAS,AAACvB,MAASF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,CACvF,CAACP,aAAa2B,YAAY,CAAC,CAAE,AAACxB,MAC5BF,sCAAsCmB,WAAWjB,OAASA,KAAKI,KAAK,AACxE,CAAA,CAAE,AAMF,QAAO,MAAMqB,8BAEW,AAACC,SAAa,CAAA,CACpCR,SAAU,AAAClB,OACT,GAAI,CACF,MAAM2B,KAAO,IAAIf,KAAKZ,KAAKI,KAAK,EAChC,OAAOR,YAAY+B,KAAMD,CAAAA,gBAAAA,wBAAAA,QAASE,QAAQ,GAAInC,UAAUoC,EAAE,CAAE,CAC1DC,WAAY,IACd,EACF,CAAE,MAAOf,OAAQ,CACf,OAAOf,KAAKI,KAAK,AACnB,CACF,EACAe,KAAM,AAACnB,MAASA,KAAKI,KAAK,CAC1BgB,OAAQ,AAACpB,MAASA,KAAKI,KAAK,CAC5BiB,KAAM,AAACrB,MAASA,KAAKI,KAAK,CAC1BkB,MAAO,AAACtB,MAASA,KAAKI,KAAK,CAC3BmB,QAAS,AAACvB,MAASA,KAAKI,KAAK,CAC7B,CAACP,aAAa2B,YAAY,CAAC,CAAE,AAACxB,MAASA,KAAKI,KAAK,EAAI,EACvD,CAAA,CAAE"}

package/lib/esm/components/Filter/utils/types.js

@@ -0,0 +1,2 @@
+(function(TFilter){(function(DTO){(function(Match){Match["AND"]="and";Match["OR"]="or"})(DTO.Match||(DTO.Match={}))})(TFilter.DTO||(TFilter.DTO={}));(function(EArrowKeys){EArrowKeys[EArrowKeys["LEFT"]=0]="LEFT";EArrowKeys[EArrowKeys["RIGHT"]=1]="RIGHT"})(TFilter.EArrowKeys||(TFilter.EArrowKeys={}));(function(EControlType){EControlType["STRING"]="string";EControlType["ENUM"]="enum";EControlType["INTEGER"]="integer";EControlType["FLOAT"]="float";EControlType["AUTOCOMPLETE"]="autocomplete";EControlType["DATETIME"]="dateTime";EControlType["UUID"]="uuid"})(TFilter.EControlType||(TFilter.EControlType={}));(function(Internal){(function(ESTEP){ESTEP[ESTEP["ATTRIBUTE"]=0]="ATTRIBUTE";ESTEP[ESTEP["OPERATOR"]=1]="OPERATOR";ESTEP[ESTEP["VALUE"]=2]="VALUE"})(Internal.ESTEP||(Internal.ESTEP={}))})(TFilter.Internal||(TFilter.Internal={}));(function(EventHandler){(function(EApplyEvent){EApplyEvent["BLUR"]="BLUR";EApplyEvent["KEYPRESS"]="KEYPRESS";EApplyEvent["CLICK"]="CLICK";EApplyEvent["UPDATE_MATCH"]="UPDATE_MATCH";EApplyEvent["DELETE_TERM"]="DELETE_TERM";EApplyEvent["DELETE_ALL_TERMS"]="DELETE_ALL_TERMS";EApplyEvent["VALUE_CHANGE"]="VALUE_CHANGE";EApplyEvent["AUTOMATIC_VALUE_LOAD_FROM_STORAGE"]="AUTOMATIC_VALUE_LOAD_FROM_STORAGE";EApplyEvent["USER_LOAD_SAVED_FILTER"]="USER_LOAD_SAVED_FILTER";EApplyEvent["VALUE_DELETE"]="VALUE_DELETE"})(EventHandler.EApplyEvent||(EventHandler.EApplyEvent={}))})(TFilter.EventHandler||(TFilter.EventHandler={}))})(TFilter||(TFilter={}));export var ELanguage=/*#__PURE__*/function(ELanguage){ELanguage["EN"]="en";ELanguage["DE"]="de";return ELanguage}({});(function(ELanguage){function fromString(lang){if(lang==="de"){return"de"}return"en"}ELanguage.fromString=fromString})(ELanguage||(ELanguage={}));export var EFullLanguage=/*#__PURE__*/function(EFullLanguage){EFullLanguage["EN_US"]="en-US";EFullLanguage["DE_DE"]="de-DE";return EFullLanguage}({});(function(EFullLanguage){function fromLanguage(lang){switch(lang){case"de":return"de-DE";default:return"en-US"}}EFullLanguage.fromLanguage=fromLanguage})(EFullLanguage||(EFullLanguage={}));export var TFilter;
+//# sourceMappingURL=types.js.map

package/lib/esm/components/Filter/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/utils/types.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TCascadeOption } from \"../../Form/Select/Cascade/CascadeOption\"\nimport { TTermValueNotNull } from \"./transformHelpers\"\nimport { TValue } from \"../../Form\"\nimport { ReactNode } from \"react\"\n\nexport namespace TFilter {\n  export namespace Addons {\n    export type Core = {\n      saveAndLoad?: TFilter.Addons.SaveAndLoad\n    }\n\n    export type SaveAndLoad = {\n      RemotelyPersistedFiltersDropdown: () => ReactNode\n      SaveFilterMenu?: () => ReactNode\n    }\n  }\n  export namespace DTO {\n    export enum Match {\n      AND = \"and\",\n      OR = \"or\",\n    }\n\n    export type Field = {\n      name: string\n      operator: string\n      value: Exclude<TFilter.Internal.Term.TermValue, null>\n      keys?: string[]\n    }\n\n    export type State = {\n      operator: TFilter.DTO.Match\n      fields: Array<TFilter.DTO.Field>\n    }\n\n    export type ValueTransformConfigByAttributeName = Record<\n      string,\n      (term: TFilter.Internal.Term.State) => TTermValueNotNull\n    >\n  }\n\n  export enum EArrowKeys {\n    LEFT,\n    RIGHT,\n  }\n\n  export enum EControlType {\n    STRING = \"string\",\n    ENUM = \"enum\",\n    INTEGER = \"integer\",\n    FLOAT = \"float\",\n    AUTOCOMPLETE = \"autocomplete\",\n    DATETIME = \"dateTime\",\n    UUID = \"uuid\",\n  }\n  export type Operator = {\n    value: string\n    label: string\n    control?: {\n      type: TFilter.EControlType\n    }\n    values?: string[]\n  }\n  export type Config = TFilter.ConfigItem[]\n  export type CascadeValue = TCascadeOption<TValue[]>\n  export type ConfigItem = {\n    name: {\n      label: string\n      value: string\n    }\n    control: {\n      type: TFilter.EControlType\n    }\n    values?: string[]\n    cascadeValues?: CascadeValue[]\n    operators: Operator[]\n    multiSelect: boolean\n  }\n\n  export namespace Internal {\n    export type TFilterApplyOptions = {\n      language?: ELanguage\n      term?: TFilter.Internal.Term.State\n    }\n    export type Match = \"ALL\" | \"ANY\"\n\n    export type State = {\n      match: Match\n      terms: TFilter.Internal.Term.State[]\n      termsCollapsed: boolean\n      edited?: boolean\n    }\n    export enum ESTEP {\n      ATTRIBUTE,\n      OPERATOR,\n      VALUE,\n    }\n\n    export namespace Term {\n      export type State = {\n        attribute: TFilter.ConfigItem | null\n        operator: Operator | null\n        value: TermValue\n        selectedCascadeValues: CascadeValue[] | null\n        completed: boolean\n        id: number\n        active: boolean\n      }\n\n      export type TermValue = Array<number | string> | string | number | null\n    }\n  }\n  export namespace EventHandler {\n    export enum EApplyEvent {\n      BLUR = \"BLUR\",\n      KEYPRESS = \"KEYPRESS\",\n      CLICK = \"CLICK\",\n      UPDATE_MATCH = \"UPDATE_MATCH\",\n      DELETE_TERM = \"DELETE_TERM\",\n      DELETE_ALL_TERMS = \"DELETE_ALL_TERMS\",\n      VALUE_CHANGE = \"VALUE_CHANGE\",\n      AUTOMATIC_VALUE_LOAD_FROM_STORAGE = \"AUTOMATIC_VALUE_LOAD_FROM_STORAGE\",\n      USER_LOAD_SAVED_FILTER = \"USER_LOAD_SAVED_FILTER\",\n      VALUE_DELETE = \"VALUE_DELETE\",\n    }\n    export type TActionMeta = {\n      wasUserCreated: boolean\n      event?: TFilter.EventHandler.EApplyEvent\n    }\n    export type onApply = (\n      state: TFilter.DTO.State,\n      internalState: TFilter.Internal.State,\n      meta: TFilter.EventHandler.TActionMeta\n    ) => void\n  }\n}\n\nexport type TSelectOnChangeReturn = { value: unknown; label: string }\nexport type TSelectOnChangeReturnArray = Array<TSelectOnChangeReturn>\n\nexport enum ELanguage {\n  EN = \"en\",\n  DE = \"de\",\n}\n\nexport namespace ELanguage {\n  export function fromString(lang: string | undefined) {\n    if (lang === ELanguage.DE) {\n      return ELanguage.DE\n    }\n    return ELanguage.EN\n  }\n}\n\nexport enum EFullLanguage {\n  EN_US = \"en-US\",\n  DE_DE = \"de-DE\",\n}\n\nexport namespace EFullLanguage {\n  export function fromLanguage(lang: ELanguage): EFullLanguage {\n    switch (lang) {\n      case ELanguage.DE:\n        return EFullLanguage.DE_DE\n\n      default:\n        return EFullLanguage.EN_US\n    }\n  }\n}\n"],"names":["TFilter","DTO","Match","EArrowKeys","EControlType","Internal","ESTEP","EventHandler","EApplyEvent","ELanguage","fromString","lang","EFullLanguage","fromLanguage"],"mappings":"UASiBA,mBAWEC,eACHC,iDAAAA,YAAAA,UAqBd,WAtBiBD,cAAAA,mBAwBLE,wGAAAA,qBAAAA,0BAKAC,gQAAAA,uBAAAA,4BAiCKC,oBAaHC,gIAAAA,iBAAAA,UAmBd,WAhCiBD,mBAAAA,wBAiCAE,wBACHC,weAAAA,2BAAAA,gBAqBd,WAtBiBD,uBAAAA,iBAuBnB,GAjIiBP,UAAAA,YAsIjB,QAAO,IAAA,AAAKS,gCAAAA,4DAAAA,cAGX,WAEgBA,WACR,SAASC,WAAWC,IAAwB,EACjD,GAAIA,YAAuB,CACzB,UACF,CACA,UACF,WALgBD,WAAAA,UAMlB,GAPiBD,YAAAA,cASjB,QAAO,IAAA,AAAKG,oCAAAA,oFAAAA,kBAGX,WAEgBA,eACR,SAASC,aAAaF,IAAe,EAC1C,OAAQA,MACN,SACE,aAEF,SACE,aACJ,CACF,eARgBE,aAAAA,YASlB,GAViBD,gBAAAA"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{Button as MantineButton}from"@mantine/core";import classes from"./Button.module.css";import{forwardRef}from"react";import{ICON_SIZES}from"../../../theme";export const Button=forwardRef((_param,ref)=>{var{variant="filled",size="md",children,icon}=_param,rest=_object_without_properties(_param,["variant","size","children","icon"]);const Icon=icon;return _jsx(MantineButton,_object_spread_props(_object_spread({variant:variant,size:size,classNames:_object_spread({},classes)},rest),{color:"red",leftSection:Icon&&_jsx(Icon,{size:ICON_SIZES.MEDIUM}),ref:ref,children:children}))});Button.displayName="Button";
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Button/Button.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Button as MantineButton, ButtonProps } from \"@mantine/core\"\nimport classes from \"./Button.module.css\"\nimport { forwardRef } from \"react\"\nimport { LucideIcon } from \"lucide-react\"\nimport { ICON_SIZES } from \"../../../theme\"\n\nexport type TButtonProps = {\n  variant?: \"filled\" | \"outline\" | \"default\" | \"subtle\" | \"danger\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  icon?: LucideIcon\n} & ButtonProps &\n  React.ComponentPropsWithoutRef<\"button\">\n\nexport const Button = forwardRef<HTMLButtonElement, TButtonProps>(\n  ({ variant = \"filled\", size = \"md\", children, icon, ...rest }, ref) => {\n    const Icon = icon\n    return (\n      <MantineButton\n        variant={variant}\n        size={size}\n        classNames={{ ...classes }}\n        {...rest}\n        color={\"red\"}\n        leftSection={Icon && <Icon size={ICON_SIZES.MEDIUM} />}\n        ref={ref}\n      >\n        {children}\n      </MantineButton>\n    )\n  }\n)\n\nButton.displayName = \"Button\"\n"],"names":["Button","MantineButton","classes","forwardRef","ICON_SIZES","ref","variant","size","children","icon","rest","Icon","classNames","color","leftSection","MEDIUM","displayName"],"mappings":"69DAIA,QAASA,UAAUC,aAAa,KAAqB,eAAe,AACpE,QAAOC,YAAa,qBAAqB,AACzC,QAASC,UAAU,KAAQ,OAAO,AAElC,QAASC,UAAU,KAAQ,gBAAgB,AAS3C,QAAO,MAAMJ,OAASG,WACpB,QAA+DE,UAA9D,CAAEC,QAAU,QAAQ,CAAEC,KAAO,IAAI,CAAEC,QAAQ,CAAEC,IAAI,CAAW,QAANC,wCAApDJ,UAAoBC,OAAaC,WAAUC,SAC5C,MAAME,KAAOF,KACb,OACE,KAACR,mDACCK,QAASA,QACTC,KAAMA,KACNK,WAAY,kBAAKV,UACbQ,OACJG,MAAO,MACPC,YAAaH,MAAQ,KAACA,MAAKJ,KAAMH,WAAWW,MAAM,GAClDV,IAAKA,aAEJG,WAGP,EACD,AAEDR,CAAAA,OAAOgB,WAAW,CAAG"}

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

@@ -0,0 +1 @@
+.root{font-family:Roboto;font-size:var(--mantine-font-size-lg);font-weight:500;padding:0 1rem}.root[data-size=sm]{height:1.75rem}.root[data-size=md]{height:2rem}.root[data-size=lg]{height:2.5rem}.root[data-variant=filled]{background-color:var(--button-color-background-filled-normal);color:var(--button-color-text-filled-normal)}.root[data-variant=filled]:hover{background-color:var(--button-color-background-filled-hover)}.root[data-variant=filled]:active{background-color:var(--button-color-background-filled-active)}.root[data-variant=filled]:disabled,.root[data-variant=filled][data-disabled]{background-color:var(--button-color-background-filled-disabled)}.root[data-variant=danger]{background-color:var(--button-color-background-danger-normal);color:var(--button-color-text-danger-normal)}.root[data-variant=danger]:hover{background-color:var(--button-color-background-danger-hover)}.root[data-variant=danger]:active{background-color:var(--button-color-background-danger-active)}.root[data-variant=danger]:disabled,.root[data-variant=danger][data-disabled]{background-color:var(--button-color-background-danger-disabled)}.root[data-variant=default]{background-color:var(--button-color-background-default-normal);border:1px solid var(--button-color-border-default-normal);color:var(--button-color-text-default-normal)}.root[data-variant=default]:hover{background-color:var(--button-color-background-default-hover);color:var(--button-color-text-default-hover)}.root[data-variant=default]:active{background-color:var(--button-color-background-default-active);color:var(--button-color-text-default-active)}.root[data-variant=default]:disabled,.root[data-variant=default][data-disabled]{background-color:var(--button-color-background-default-disabled);border:1px solid var(--button-color-border-default-disabled);color:var(--button-color-text-default-disabled)}.root[data-variant=outline]{background-color:var(--button-color-background-outline-normal);border:1px solid var(--button-color-border-outline-normal);color:var(--button-color-text-outline-normal)}.root[data-variant=outline]:hover{background-color:var(--button-color-background-outline-hover);color:var(--button-color-text-outline-hover)}.root[data-variant=outline]:active{background-color:var(--button-color-background-outline-active);color:var(--button-color-text-outline-active)}.root[data-variant=outline]:disabled,.root[data-variant=outline][data-disabled]{background-color:var(--button-color-background-outline-disabled);border:1px solid var(--button-color-border-outline-disabled);color:var(--button-color-text-outline-disabled)}:root[data-mantine-color-scheme=dark]{--button-color-text-filled-normal:var(--mantine-color-black);--button-color-background-filled-normal:var(--mantine-color-green-5);--button-color-background-filled-hover:var(--mantine-color-green-6);--button-color-background-filled-active:var(--mantine-color-green-6);--button-color-background-filled-disabled:var(--mantine-color-green-8);--button-color-text-danger-normal:var(--mantine-color-black);--button-color-background-danger-normal:var(--mantine-color-red-5);--button-color-background-danger-hover:var(--mantine-color-red-4);--button-color-background-danger-active:var(--mantine-color-red-3);--button-color-background-danger-disabled:var(--mantine-color-red-8);--button-color-text-outline-normal:var(--mantine-color-green-5);--button-color-text-outline-hover:var(--mantine-color-green-4);--button-color-text-outline-active:var(--mantine-color-green-4);--button-color-text-outline-disabled:var(--mantine-color-green-8);--button-color-border-outline-normal:var(--mantine-color-green-5);--button-color-border-outline-disabled:var(--mantine-color-green-8);--button-color-background-outline-normal:transparent;--button-color-background-outline-hover:var(--mantine-color-green-9);--button-color-background-outline-active:var(--mantine-color-green-8);--button-color-background-outline-disabled:transparent;--button-color-text-default-normal:var(--mantine-color-gray-1);--button-color-text-default-hover:var(--mantine-color-gray-0);--button-color-text-default-active:var(--mantine-color-white);--button-color-text-default-disabled:var(--mantine-color-gray-8);--button-color-border-default-normal:var(--mantine-color-gray-8);--button-color-border-default-disabled:var(--mantine-color-gray-7);--button-color-background-default-normal:var(--mantine-color-black);--button-color-background-default-hover:var(--mantine-color-gray-9);--button-color-background-default-active:var(--mantine-color-gray-9);--button-color-background-default-disabled:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--button-color-text-filled-normal:var(--mantine-color-white);--button-color-background-filled-normal:var(--mantine-color-green-5);--button-color-background-filled-hover:var(--mantine-color-green-6);--button-color-background-filled-active:var(--mantine-color-green-7);--button-color-background-filled-disabled:var(--mantine-color-green-2);--button-color-text-danger-normal:var(--mantine-color-white);--button-color-background-danger-normal:var(--mantine-color-red-5);--button-color-background-danger-hover:var(--mantine-color-red-6);--button-color-background-danger-active:var(--mantine-color-red-7);--button-color-background-danger-disabled:var(--mantine-color-red-1);--button-color-text-outline-normal:var(--mantine-color-green-5);--button-color-text-outline-hover:var(--mantine-color-green-6);--button-color-text-outline-active:var(--mantine-color-green-7);--button-color-text-outline-disabled:var(--mantine-color-green-2);--button-color-border-outline-normal:var(--mantine-color-green-5);--button-color-border-outline-disabled:var(--mantine-color-green-2);--button-color-background-outline-normal:transparent;--button-color-background-outline-hover:var(--mantine-color-green-0);--button-color-background-outline-active:var(--mantine-color-green-1);--button-color-background-outline-disabled:transparent;--button-color-text-default-normal:var(--mantine-color-black);--button-color-text-default-hover:var(--mantine-color-black);--button-color-text-default-active:var(--mantine-color-gray-9);--button-color-text-default-disabled:var(--mantine-color-gray-3);--button-color-border-default-normal:var(--mantine-color-gray-4);--button-color-border-default-disabled:var(--mantine-color-gray-2);--button-color-background-default-normal:var(--mantine-color-white);--button-color-background-default-hover:var(--mantine-color-gray-0);--button-color-background-default-active:var(--mantine-color-gray-1);--button-color-background-default-disabled:transparent}

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

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

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

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

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{Checkbox as CheckboxMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";export const Checkbox=_param=>{var{color="green"}=_param,props=_object_without_properties(_param,["color"]);const classes=getDefaultFormStyles();return _jsx(CheckboxMantine,_object_spread({classNames:{root:classes.root,label:classes.label,input:classes.input},color:color},props))};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Checkbox as CheckboxMantine, CheckboxProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\n\nexport const Checkbox = ({ color = \"green\", ...props }: CheckboxProps) => {\n  const classes = getDefaultFormStyles()\n  return (\n    <CheckboxMantine\n      classNames={{\n        root: classes.root,\n        label: classes.label,\n        input: classes.input,\n      }}\n      color={color}\n      {...props}\n    />\n  )\n}\n"],"names":["Checkbox","CheckboxMantine","getDefaultFormStyles","color","props","classes","classNames","root","label","input"],"mappings":"01CAIA,QAASA,YAAYC,eAAe,KAAuB,eAAe,AAC1E,QAASC,oBAAoB,KAAQ,iBAAiB,AAEtD,QAAO,MAAMF,SAAW,YAAC,CAAEG,MAAQ,OAAO,CAA2B,QAAtBC,yCAApBD,UACzB,MAAME,QAAUH,uBAChB,OACE,KAACD,gCACCK,WAAY,CACVC,KAAMF,QAAQE,IAAI,CAClBC,MAAOH,QAAQG,KAAK,CACpBC,MAAOJ,QAAQI,KAAK,AACtB,EACAN,MAAOA,OACHC,OAGV,CAAC"}

package/lib/esm/components/Form/DateTimePicker/DatePicker.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{DatePicker as MantineDatePicker}from"@mantine/dates";import{forwardRef}from"react";import classes from"./DatePicker.module.css";export const DatePickerPopupRaw=(props,ref)=>{return _jsx(MantineDatePicker,_object_spread_props(_object_spread({},props),{onChange:value=>{var _props_onChange;return(_props_onChange=props.onChange)===null||_props_onChange===void 0?void 0:_props_onChange.call(props,value)},ref:ref,className:classes.calendar,classNames:_object_spread({},props.classNames)}))};export const DatePickerPopUp=forwardRef(DatePickerPopupRaw);
+//# sourceMappingURL=DatePicker.js.map

package/lib/esm/components/Form/DateTimePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DatePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DatePickerProps, DateValue } from \"@mantine/dates\"\nimport { DatePicker as MantineDatePicker } from \"@mantine/dates\"\nimport { ForwardedRef, forwardRef } from \"react\"\nimport classes from \"./DatePicker.module.css\"\nexport const DatePickerPopupRaw = (props: DatePickerProps, ref: ForwardedRef<HTMLDivElement>) => {\n  return (\n    <MantineDatePicker\n      {...props}\n      onChange={(value) => props.onChange?.(value as DateValue)}\n      ref={ref}\n      className={classes.calendar}\n      classNames={{\n        ...props.classNames,\n      }}\n    />\n  )\n}\n\nexport const DatePickerPopUp = forwardRef(DatePickerPopupRaw)\n"],"names":["DatePicker","MantineDatePicker","forwardRef","classes","DatePickerPopupRaw","props","ref","onChange","value","className","calendar","classNames","DatePickerPopUp"],"mappings":"ixCAKA,QAASA,cAAcC,iBAAiB,KAAQ,gBAAgB,AAChE,QAAuBC,UAAU,KAAQ,OAAO,AAChD,QAAOC,YAAa,yBAAyB,AAC7C,QAAO,MAAMC,mBAAqB,CAACC,MAAwBC,OACzD,OACE,KAACL,yDACKI,QACJE,SAAU,AAACC,YAAUH,uBAAAA,gBAAAA,MAAME,QAAQ,UAAdF,gCAAAA,qBAAAA,MAAiBG,QACtCF,IAAKA,IACLG,UAAWN,QAAQO,QAAQ,CAC3BC,WAAY,kBACPN,MAAMM,UAAU,IAI3B,CAAC,AAED,QAAO,MAAMC,gBAAkBV,WAAWE,mBAAmB"}

package/lib/esm/components/Form/DateTimePicker/DatePicker.module.css

@@ -0,0 +1 @@
+.calendar{background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-green-5);border-radius:var(--mantine-radius-sm);width:fit-content}

package/lib/esm/components/Form/DateTimePicker/DatePickerInput.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{forwardRef}from"react";import{useMantineTheme}from"@mantine/core";import{DateInput as MantineDatePicker}from"@mantine/dates";import{CalendarDays}from"lucide-react";import{useStyles}from"./DateTimePicker";export const DatePickerInputRaw=(props,ref)=>{const classes=useStyles();const theme=useMantineTheme();return _jsx(MantineDatePicker,_object_spread_props(_object_spread({placeholder:"",rightSection:_jsx(CalendarDays,{color:theme.colors.gray[5],size:theme.other.iconSizes.MEDIUM}),valueFormat:"DD/MM/YYYY"},props),{classNames:_object_spread({input:classes.input,label:classes.label},props.classNames),ref:ref}))};export const DatePickerInput=forwardRef(DatePickerInputRaw);
+//# sourceMappingURL=DatePickerInput.js.map

package/lib/esm/components/Form/DateTimePicker/DatePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DatePickerInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { ForwardedRef, forwardRef } from \"react\"\nimport { useMantineTheme } from \"@mantine/core\"\nimport { DateInput as MantineDatePicker, DateInputProps } from \"@mantine/dates\"\nimport { CalendarDays } from \"lucide-react\"\nimport { useStyles } from \"./DateTimePicker\"\n\nexport const DatePickerInputRaw = (props: DateInputProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const classes = useStyles()\n  const theme = useMantineTheme()\n  return (\n    <MantineDatePicker\n      placeholder={\"\"}\n      rightSection={\n        <CalendarDays color={theme.colors.gray[5]} size={theme.other.iconSizes.MEDIUM} />\n      }\n      valueFormat={\"DD/MM/YYYY\"}\n      {...props}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        ...props.classNames,\n      }}\n      ref={ref}\n    />\n  )\n}\n\nexport const DatePickerInput = forwardRef(DatePickerInputRaw)\n"],"names":["forwardRef","useMantineTheme","DateInput","MantineDatePicker","CalendarDays","useStyles","DatePickerInputRaw","props","ref","classes","theme","placeholder","rightSection","color","colors","gray","size","other","iconSizes","MEDIUM","valueFormat","classNames","input","label","DatePickerInput"],"mappings":"ixCAKA,QAAuBA,UAAU,KAAQ,OAAO,AAChD,QAASC,eAAe,KAAQ,eAAe,AAC/C,QAASC,aAAaC,iBAAiB,KAAwB,gBAAgB,AAC/E,QAASC,YAAY,KAAQ,cAAc,AAC3C,QAASC,SAAS,KAAQ,kBAAkB,AAE5C,QAAO,MAAMC,mBAAqB,CAACC,MAAuBC,OACxD,MAAMC,QAAUJ,YAChB,MAAMK,MAAQT,kBACd,OACE,KAACE,uDACCQ,YAAa,GACbC,aACE,KAACR,cAAaS,MAAOH,MAAMI,MAAM,CAACC,IAAI,CAAC,EAAE,CAAEC,KAAMN,MAAMO,KAAK,CAACC,SAAS,CAACC,MAAM,GAE/EC,YAAa,cACTb,QACJc,WAAY,gBACVC,MAAOb,QAAQa,KAAK,CACpBC,MAAOd,QAAQc,KAAK,EACjBhB,MAAMc,UAAU,EAErBb,IAAKA,MAGX,CAAC,AAED,QAAO,MAAMgB,gBAAkBxB,WAAWM,mBAAmB"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{DateTimePicker as MantineDateTimePicker}from"@mantine/dates";import{Controller}from"react-hook-form";import{CalendarDays}from"lucide-react";import{useErrorContext,useFormContext}from"..";import{FormErrors}from"../Form/FormErrors";import{getDefaultFormStyles}from"../sharedStyles";import{DateTimePickerOnly}from"./DateTimePickerOnly";import{useTranslation}from"react-i18next";import{getDayJsFormatString}from"../../../helper";import classes from"./DateTimePicker.module.css";import{ICON_SIZES}from"../../../theme";import"@mantine/dates/styles.layer.css";import"@mantine/dates/styles.css";import{useRef}from"react";export const useStyles=()=>{const defaultFormStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({},defaultFormStyles),{icon:classes.displayNone,displayNone:classes.displayNone})};const DateTimePickerRaw=_param=>{var{onChange,size="md"}=_param,props=_object_without_properties(_param,["onChange","size"]);const classes=useStyles();const{i18n}=useTranslation();const language=i18n.language||"en";const Component=props.dateOnly?DateTimePickerOnly:MantineDateTimePicker;const pickerInputRef=useRef(null);return _jsx(Component,_object_spread_props(_object_spread({placeholder:"",locale:language,rightSection:_jsx(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: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===null||e===void 0?void 0:e.getTime())||0),valueFormat:getDayJsFormatString(language)}))};const DateTimePicker=DateTimePickerRaw;const FormDatetimePicker=_param=>{var{name,size="md"}=_param,props=_object_without_properties(_param,["name","size"]);const form=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=useErrorContext();const formError=form.formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return _jsx(Controller,{render:({field})=>_jsx(DateTimePicker,_object_spread_props(_object_spread({value:field.value?new Date(parseInt(field.value)):undefined,size:size},props,register),{error:errors.length>0&&_jsx(FormErrors,{errors:errors}),onChange:timestamp=>{onChange({target:{value:timestamp,name}})}})),defaultValue:props.defaultValue,control:form.control,name:name})};export{DateTimePicker,FormDatetimePicker};
+//# sourceMappingURL=DateTimePicker.js.map

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

@@ -0,0 +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\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?.getTime() || 0)}\n      valueFormat={getDayJsFormatString(language)}\n    />\n  )\n}\nconst DateTimePicker = DateTimePickerRaw\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","MantineDateTimePicker","Controller","CalendarDays","useErrorContext","useFormContext","FormErrors","getDefaultFormStyles","DateTimePickerOnly","useTranslation","getDayJsFormatString","classes","ICON_SIZES","useRef","useStyles","defaultFormStyles","icon","displayNone","DateTimePickerRaw","onChange","size","props","i18n","language","Component","dateOnly","pickerInputRef","placeholder","locale","rightSection","color","onClick","current","click","MEDIUM","style","cursor","ref","classNames","input","label","root","e","getTime","valueFormat","FormDatetimePicker","name","form","register","validate","validation","disabled","errorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","render","field","value","Date","parseInt","undefined","error","length","timestamp","target","defaultValue","control"],"mappings":"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"}

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

@@ -0,0 +1 @@
+.display-none{display:none}

package/lib/esm/components/Form/DateTimePicker/DateTimePickerOnly.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{forwardRef}from"react";import{useMantineTheme}from"@mantine/core";import{DateTimePicker as MantineDateTimePicker}from"@mantine/dates";import{CalendarDays}from"lucide-react";import{useStyles}from"./DateTimePicker";export const DateTimePickerOnlyRaw=(props,ref)=>{const classes=useStyles();const theme=useMantineTheme();return _jsx(MantineDateTimePicker,_object_spread_props(_object_spread({placeholder:"",rightSection:_jsx(CalendarDays,{color:theme.colors.gray[5],size:theme.other.iconSizes.MEDIUM}),valueFormat:"DD/MM/YYYY"},props),{classNames:_object_spread({input:classes.input,label:classes.label,timeWrapper:classes.displayNone},props.classNames),ref:ref}))};export const DateTimePickerOnly=forwardRef(DateTimePickerOnlyRaw);
+//# sourceMappingURL=DateTimePickerOnly.js.map

package/lib/esm/components/Form/DateTimePicker/DateTimePickerOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DateTimePickerOnly.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ForwardedRef, forwardRef } from \"react\"\nimport { useMantineTheme } from \"@mantine/core\"\nimport { DateTimePicker as MantineDateTimePicker, DateTimePickerProps } from \"@mantine/dates\"\nimport { CalendarDays } from \"lucide-react\"\nimport { useStyles } from \"./DateTimePicker\"\n\nexport const DateTimePickerOnlyRaw = (\n  props: DateTimePickerProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  const classes = useStyles()\n  const theme = useMantineTheme()\n  return (\n    <MantineDateTimePicker\n      placeholder={\"\"}\n      rightSection={\n        <CalendarDays color={theme.colors.gray[5]} size={theme.other.iconSizes.MEDIUM} />\n      }\n      valueFormat={\"DD/MM/YYYY\"}\n      {...props}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        timeWrapper: classes.displayNone,\n        ...props.classNames,\n      }}\n      ref={ref}\n    />\n  )\n}\n\nexport const DateTimePickerOnly = forwardRef(DateTimePickerOnlyRaw)\n"],"names":["forwardRef","useMantineTheme","DateTimePicker","MantineDateTimePicker","CalendarDays","useStyles","DateTimePickerOnlyRaw","props","ref","classes","theme","placeholder","rightSection","color","colors","gray","size","other","iconSizes","MEDIUM","valueFormat","classNames","input","label","timeWrapper","displayNone","DateTimePickerOnly"],"mappings":"ixCAIA,QAAuBA,UAAU,KAAQ,OAAO,AAChD,QAASC,eAAe,KAAQ,eAAe,AAC/C,QAASC,kBAAkBC,qBAAqB,KAA6B,gBAAgB,AAC7F,QAASC,YAAY,KAAQ,cAAc,AAC3C,QAASC,SAAS,KAAQ,kBAAkB,AAE5C,QAAO,MAAMC,sBAAwB,CACnCC,MACAC,OAEA,MAAMC,QAAUJ,YAChB,MAAMK,MAAQT,kBACd,OACE,KAACE,2DACCQ,YAAa,GACbC,aACE,KAACR,cAAaS,MAAOH,MAAMI,MAAM,CAACC,IAAI,CAAC,EAAE,CAAEC,KAAMN,MAAMO,KAAK,CAACC,SAAS,CAACC,MAAM,GAE/EC,YAAa,cACTb,QACJc,WAAY,gBACVC,MAAOb,QAAQa,KAAK,CACpBC,MAAOd,QAAQc,KAAK,CACpBC,YAAaf,QAAQgB,WAAW,EAC7BlB,MAAMc,UAAU,EAErBb,IAAKA,MAGX,CAAC,AAED,QAAO,MAAMkB,mBAAqB1B,WAAWM,sBAAsB"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{TimeInput}from"@mantine/dates";import{forwardRef}from"react";import{useMantineTheme}from"@mantine/core";import{Clock4}from"lucide-react";import{useErrorContext,useFormContext}from"../index";import{Controller}from"react-hook-form";import{FormErrors}from"../Form/FormErrors";import{useStyles}from"./DateTimePicker";const TimePickerRaw=(_param,ref)=>{var{onChange}=_param,props=_object_without_properties(_param,["onChange"]);const classes=useStyles();const theme=useMantineTheme();return _jsx(TimeInput,_object_spread_props(_object_spread({rightSection:_jsx(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)}}))};export const TimePicker=forwardRef(TimePickerRaw);export const FormTimePicker=_param=>{var{name,size="md"}=_param,props=_object_without_properties(_param,["name","size"]);const form=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=useErrorContext();const formError=form.formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return _jsx(Controller,{render:({field})=>_jsx(TimePicker,_object_spread_props(_object_spread({value:field.value,size:size},props,register),{error:errors.length>0&&_jsx(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/esm/components/Form/DateTimePicker/TimePicker.js.map

@@ -0,0 +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}\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":["TimeInput","forwardRef","useMantineTheme","Clock4","useErrorContext","useFormContext","Controller","FormErrors","useStyles","TimePickerRaw","ref","onChange","props","classes","theme","rightSection","color","colors","gray","size","other","iconSizes","MEDIUM","classNames","input","label","e","target","value","TimePicker","FormTimePicker","name","form","register","validate","validation","disabled","errorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","render","field","error","length","timestamp","defaultValue","control"],"mappings":"69DAIA,QAASA,SAAS,KAAwB,gBAAgB,AAC1D,QAAuBC,UAAU,KAAQ,OAAO,AAChD,QAASC,eAAe,KAAQ,eAAe,AAC/C,QAASC,MAAM,KAAQ,cAAc,AAErC,QAASC,eAAe,CAAEC,cAAc,KAAQ,UAAU,AAC1D,QAASC,UAAU,KAAQ,iBAAiB,AAC5C,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAASC,SAAS,KAAQ,kBAAkB,CAK5C,MAAMC,cAAgB,QAEpBC,UADA,CAAEC,QAAQ,CAAiC,QAA5BC,yCAAbD,aAGF,MAAME,QAAUL,YAChB,MAAMM,MAAQZ,kBAEd,OACE,KAACF,+CACCe,aAAc,KAACZ,QAAOa,MAAOF,MAAMG,MAAM,CAACC,IAAI,CAAC,EAAE,CAAEC,KAAML,MAAMM,KAAK,CAACC,SAAS,CAACC,MAAM,IACjFV,QACJF,IAAKA,IACLa,WAAY,CACVC,MAAOX,QAAQW,KAAK,CACpBC,MAAOZ,QAAQY,KAAK,AACtB,EACAd,SAAU,AAACe,IACTf,iBAAAA,yBAAAA,SAAWe,EAAEC,MAAM,CAACC,KAAK,CAC3B,IAGN,CAEA,QAAO,MAAMC,WAAa5B,WAAWQ,cAAc,AAEnD,QAAO,MAAMqB,eAAiB,YAAC,CAC7BC,IAAI,CACJZ,KAAO,IAAI,CAE0C,QADlDP,yCAFHmB,OACAZ,SAGA,MAAMa,KAAO3B,iBACb,MAAkC2B,eAAAA,KAAKC,QAAQ,CAACF,KAAM,CACpDG,SAAUtB,MAAMuB,UAAU,CAC1BC,SAAUxB,MAAMwB,QAAQ,AAC1B,GAHM,CAAEzB,QAAQ,CAAe,CAAGqB,eAAbC,oCAAaD,gBAA1BrB,aAIR,MAAM0B,aAAejC,kBAErB,MAAMkC,UAAYN,KAAKO,SAAS,CAACC,MAAM,CAACT,KAAK,CAC7C,MAAMU,YAAcJ,aAAaG,MAAM,CAACT,KAAK,CAE7C,MAAMS,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,OACE,KAACvC,YACCwC,OAAQ,CAAC,CAAEC,KAAK,CAAE,GAChB,KAAClB,gDACCD,MAAOmB,MAAMnB,KAAK,CAClBT,KAAMA,MACFP,MACAqB,WACJe,MAAOR,OAAOS,MAAM,CAAG,GAAK,KAAC1C,YAAWiC,OAAQA,SAChD7B,SAAU,AAACuC,YACTvC,SAAS,CACPgB,OAAQ,CACNC,MAAOsB,UACPnB,IACF,CACF,EACF,KAGJK,SAAUxB,MAAMwB,QAAQ,CACxBe,aAAcvC,MAAMuC,YAAY,CAChCC,QAASpB,KAAKoB,OAAO,CACrBrB,KAAMA,MAGZ,CAAC"}

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

@@ -0,0 +1,2 @@
+export*from"./DateTimePicker";export*from"./TimePicker";export*from"./DateTimePickerOnly";export*from"./DatePicker";export*from"./DatePickerInput";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./DateTimePicker\"\nexport * from \"./TimePicker\"\nexport * from \"./DateTimePickerOnly\"\nexport * from \"./DatePicker\"\nexport * from \"./DatePickerInput\"\n"],"names":[],"mappings":"AAIA,WAAc,kBAAkB,AAChC,YAAc,cAAc,AAC5B,YAAc,sBAAsB,AACpC,YAAc,cAAc,AAC5B,YAAc,mBAAmB"}

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

@@ -0,0 +1,2 @@
+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 _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{FileInput as FileInputMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import React from"react";import{useErrorContext,useFormContext}from"../Form";import{Controller}from"react-hook-form";import{FormErrors}from"../Form/FormErrors";import{UploadIcon}from"lucide-react";import classes from"./FileInput.module.css";const FileInputRaw=(_param,ref)=>{var{size="md"}=_param,props=_object_without_properties(_param,["size"]);var _props_value;const defaultStyles=getDefaultFormStyles();return _jsx(FileInputMantine,_object_spread({ref:ref,classNames:{root:defaultStyles.root,label:defaultStyles.label,input:`${defaultStyles.input} ${classes.input}`,error:defaultStyles.error,section:classes.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:_jsx(UploadIcon,{size:14})},props))};export const FileInput=React.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)}})};export const FormFileInput=_param=>{var{name}=_param,props=_object_without_properties(_param,["name"]);const form=useFormContext();const errorContext=useErrorContext();const formError=form.formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return _jsx(Controller,{control:form.control,name:name,rules:{validate:props.validation},disabled:props.disabled,render:_param=>{var{field:{onChange}}=_param,field=_object_without_properties(_param.field,["onChange"]);return _jsx(FileInput,_object_spread_props(_object_spread({},field,props),{error:errors.length>0&&_jsx(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/esm/components/Form/FileInput/FileInput.js.map

@@ -0,0 +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\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\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","FileInputMantine","getDefaultFormStyles","React","useErrorContext","useFormContext","Controller","FormErrors","UploadIcon","classes","FileInputRaw","ref","size","props","defaultStyles","classNames","root","label","input","error","section","clearable","value","leftSection","forwardRef","convertBase64","file","Promise","resolve","reject","fileReader","FileReader","readAsDataURL","onload","result","base64String","split","onerror","FormFileInput","name","form","errorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","control","rules","validate","validation","disabled","render","field","onChange","length","fileValue"],"mappings":"yhFAIA,QAASA,aAAaC,gBAAgB,KAAwB,eAAe,AAC7E,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAAOC,UAA6B,OAAO,AAC3C,QAASC,eAAe,CAAEC,cAAc,KAAQ,SAAS,AACzD,QAASC,UAAU,KAAQ,iBAAiB,AAE5C,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAASC,UAAU,KAAQ,cAAc,AACzC,QAAOC,YAAa,wBAAwB,CAE5C,MAAMC,aAAe,QAA4BC,UAA3B,CAAEC,KAAO,IAAI,CAAY,QAAPC,yCAAhBD,aAcPC,aAbf,MAAMC,cAAgBZ,uBAEtB,OACE,KAACD,iCACCU,IAAKA,IACLI,WAAY,CACVC,KAAMF,cAAcE,IAAI,CACxBC,MAAOH,cAAcG,KAAK,CAC1BC,MAAO,CAAC,EAAEJ,cAAcI,KAAK,CAAC,CAAC,EAAET,QAAQS,KAAK,CAAC,CAAC,CAChDC,MAAOL,cAAcK,KAAK,CAC1BC,QAASX,QAAQW,OAAO,AAC1B,EACAR,KAAMA,KACNS,UAAWR,CAAAA,cAAAA,uBAAAA,aAAAA,MAAOS,KAAK,UAAZT,6BAAAA,aAAcS,KAAK,IAAK,GACnCC,YAAa,KAACf,YAAWI,KAAM,MAC3BC,OAGV,CAEA,QAAO,MAAMb,UAAYG,MAAMqB,UAAU,CAACd,aAAa,CAEvD,MAAMe,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,AAAClB,QACpBU,OAAOV,MACT,CACF,EACF,CAEA,QAAO,MAAMmB,cAA2E,YAAC,CACvFC,IAAI,CAEL,QADI1B,yCADH0B,SAGA,MAAMC,KAAOnC,iBACb,MAAMoC,aAAerC,kBAErB,MAAMsC,UAAYF,KAAKG,SAAS,CAACC,MAAM,CAACL,KAAK,CAC7C,MAAMM,YAAcJ,aAAaG,MAAM,CAACL,KAAK,CAE7C,MAAMK,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,OACE,KAAC3C,YACC4C,QAASV,KAAKU,OAAO,CACrBX,KAAMA,KACNY,MAAO,CACLC,SAAUvC,MAAMwC,UAAU,AAC5B,EACAC,SAAUzC,MAAMyC,QAAQ,CACxBC,OAAQ,YAAC,CAAEC,MAAO,CAAEC,QAAQ,CAAY,CAAE,QAATD,wCAAtBA,OAASC,oBAClB,KAACzD,iDACKwD,MACA3C,QACJM,MAAOyB,OAAOc,MAAM,CAAG,GAAK,KAACnD,YAAWqC,OAAQA,SAChDa,SAAU,AAAO/B,sCACf,MAAMiC,UAAYjC,KACd,CACEa,KAAMb,KAAKa,IAAI,CACfjB,MAAO,MAAMG,cAAcC,KAC7B,EACA,GACJ+B,SAASE,UACX,UAKV,CAAC"}

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

@@ -0,0 +1 @@
+.input{padding-left:calc(2.25rem*var(--mantine-scale))}.section button{color:var(--file-input-close-button-color);height:calc(1.25rem*var(--mantine-scale));min-height:calc(1.25rem*var(--mantine-scale));min-width:calc(1.25rem*var(--mantine-scale));width:calc(1.25rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--file-input-close-button-color:var(--mantine-color-gray-6)}:root:not([data-mantine-color-scheme=dark]){--file-input-close-button-color:var(--mantine-color-gray-5)}

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

@@ -0,0 +1,2 @@
+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)})}}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Form}from"./Form";import{createContext,forwardRef,useContext,useImperativeHandle,useRef,useState}from"react";import{Alert}from"../../Alert";import{useTranslation}from"react-i18next";import{EStatus}from"../../../genericTypes";export const ErrorContext=createContext({errors:{}});export const useErrorContext=()=>{return useContext(ErrorContext)};function ConnectedFormRaw(props,ref){const[fetchErrors,setFetchErrors]=useState({});const[mainError,setMainError]=useState();const formRef=useRef(null);const{t}=useTranslation();useImperativeHandle(ref,()=>({submit:handleSubmit,getForm:()=>{var _formRef_current;return(_formRef_current=formRef.current)===null||_formRef_current===void 0?void 0:_formRef_current.getForm()}}));const handleSubmit=formData=>_async_to_generator(function*(){const newData=props.preMutateFn?props.preMutateFn(formData):formData;setFetchErrors({});setMainError(undefined);const{fieldErrors,data,mainError,originalError}=yield props.mutateFn(newData);const responseHasError=Object.keys(fieldErrors||{}).length>0||mainError||originalError;if(responseHasError){var _props_onErrorResponse;setFetchErrors(translateErrors(fieldErrors||{},t));setMainError(mainError?t(mainError):undefined);(_props_onErrorResponse=props.onErrorResponse)===null||_props_onErrorResponse===void 0?void 0:_props_onErrorResponse.call(props,{originalError,mainError,fieldErrors},newData,formData)}else{var _props_onSuccessfulRequest;(_props_onSuccessfulRequest=props.onSuccessfulRequest)===null||_props_onSuccessfulRequest===void 0?void 0:_props_onSuccessfulRequest.call(props,data)}})();return _jsxs(ErrorContext.Provider,{value:{errors:fetchErrors},children:[mainError&&_jsx(Alert,{mb:"md",type:EStatus.ERROR,text:mainError}),_jsx(Form,{ref:formRef,options:props.options,onSubmit:handleSubmit,children:props.children})]})}function translateErrors(fieldErrors,t){return Object.entries(fieldErrors).reduce((acc,[key,value])=>{acc[key]=t(value);return acc},{})}const ConnectedForm=forwardRef(ConnectedFormRaw);export{ConnectedForm};
+//# sourceMappingURL=ConnectedForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Form/ConnectedForm.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Form, TFormForwardRef } from \"./Form\"\nimport { FieldValues, UseFormProps } from \"react-hook-form\"\nimport {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useContext,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\"\nimport { TErrorContext, TErrors, THandleFormResponseError, TMutateFnReturn } from \"./types\"\nimport { Alert } from \"../../Alert\"\nimport { useTranslation } from \"react-i18next\"\nimport { EStatus } from \"../../../genericTypes\"\n\nexport const ErrorContext = createContext<TErrorContext>({\n  errors: {},\n})\n\nexport const useErrorContext = () => {\n  return useContext(ErrorContext)\n}\n\ntype TConnectedFormProps<\n  TFormFields extends FieldValues,\n  TTransformedFormFields,\n  TResponseData = unknown,\n  TResponseErrorPayload = unknown,\n> = {\n  mutateFn: (\n    data: TTransformedFormFields\n  ) => Promise<TMutateFnReturn<TResponseData, TResponseErrorPayload>>\n  preMutateFn?: (data: TFormFields) => TTransformedFormFields\n  onSuccessfulRequest?: (data?: TResponseData) => void\n  onErrorResponse?: THandleFormResponseError<\n    TResponseErrorPayload,\n    TTransformedFormFields,\n    TFormFields\n  >\n  children: ReactNode\n  options?: UseFormProps<TFormFields>\n}\n\nexport type TConnectedFormForwardRef<TFormFields extends FieldValues> = {\n  submit: (formData: TFormFields) => Promise<void>\n  getForm: TFormForwardRef<TFormFields>[\"getForm\"]\n}\n\n/**\n * This **ConnectedForm** wraps around the **Form** and takes care of sending the data,\n * receiving the server-side validation errors and showing the errors for the specified fields.\n * @param mutateFn: A function that receives the (optionally through *preMutateFn* modified) data on submit and should return an object satisfying the TMutateFnReturn<TResponseData, TResponseErrorPayload> interface.\n * @param preMutateFn?: An optional function that receives the data and can modify the data before its passed to mutateFn\n * @param onSuccessfulRequest?: Callback when mutateFn was successful (passes TResponseData generic as argument)\n * @param onErrorResponse?: Callback when mutateFn threw an error (passes TResponseError generic as argument)\n * @param children\n * @param options?: Options passed to @react-hook-form useForm(options) hook\n * @param ref ForwardRef to get the form and force a submit from the caller component\n */\nfunction ConnectedFormRaw<\n  TFormFields extends FieldValues,\n  TTransformedFormFields = TFormFields,\n  TResponseData = unknown,\n  TResponseErrorPayload = unknown,\n>(\n  props: TConnectedFormProps<\n    TFormFields,\n    TTransformedFormFields,\n    TResponseData,\n    TResponseErrorPayload\n  >,\n  ref: ForwardedRef<TConnectedFormForwardRef<TFormFields>>\n) {\n  const [fetchErrors, setFetchErrors] = useState<TErrors>({})\n  const [mainError, setMainError] = useState<string | undefined>()\n  const formRef = useRef<TFormForwardRef<TFormFields> | null>(null)\n  const { t } = useTranslation()\n\n  useImperativeHandle(ref, () => ({\n    submit: handleSubmit,\n    getForm: () => formRef.current?.getForm(),\n  }))\n\n  type TFormFieldsTransformed = typeof props.preMutateFn extends undefined\n    ? TFormFields\n    : TTransformedFormFields\n  const handleSubmit = async (formData: TFormFields) => {\n    const newData = props.preMutateFn ? props.preMutateFn(formData) : formData\n    setFetchErrors({})\n    setMainError(undefined)\n    const {\n      fieldErrors,\n      data,\n      mainError,\n      originalError,\n    }: TMutateFnReturn<TResponseData, TResponseErrorPayload> = await props.mutateFn(\n      newData as TFormFieldsTransformed\n    )\n\n    const responseHasError = Object.keys(fieldErrors || {}).length > 0 || mainError || originalError\n\n    if (responseHasError) {\n      setFetchErrors(translateErrors(fieldErrors || {}, t))\n      setMainError(mainError ? t(mainError) : undefined)\n      props.onErrorResponse?.(\n        {\n          originalError,\n          mainError,\n          fieldErrors,\n        },\n        newData as TFormFieldsTransformed,\n        formData\n      )\n    } else {\n      props.onSuccessfulRequest?.(data)\n    }\n  }\n\n  return (\n    <ErrorContext.Provider value={{ errors: fetchErrors }}>\n      {mainError && <Alert mb={\"md\"} type={EStatus.ERROR} text={mainError} />}\n      <Form ref={formRef} options={props.options} onSubmit={handleSubmit}>\n        {props.children}\n      </Form>\n    </ErrorContext.Provider>\n  )\n}\n\nfunction translateErrors(fieldErrors: TErrors, t: (key: string) => string): TErrors {\n  return Object.entries(fieldErrors).reduce<TErrors>((acc, [key, value]) => {\n    acc[key] = t(value)\n    return acc\n  }, {})\n}\n\nconst ConnectedForm = forwardRef(ConnectedFormRaw) as <\n  TFormFields extends FieldValues,\n  TTransformedFormFields,\n  TResponseData,\n  TResponseError,\n>(\n  props: TConnectedFormProps<TFormFields, TTransformedFormFields, TResponseData, TResponseError> & {\n    ref?: React.ForwardedRef<TConnectedFormForwardRef<TFormFields>>\n  }\n) => ReturnType<typeof ConnectedFormRaw>\n\nexport { ConnectedForm }\n"],"names":["Form","createContext","forwardRef","useContext","useImperativeHandle","useRef","useState","Alert","useTranslation","EStatus","ErrorContext","errors","useErrorContext","ConnectedFormRaw","props","ref","fetchErrors","setFetchErrors","mainError","setMainError","formRef","t","submit","handleSubmit","getForm","current","formData","newData","preMutateFn","undefined","fieldErrors","data","originalError","mutateFn","responseHasError","Object","keys","length","translateErrors","onErrorResponse","onSuccessfulRequest","Provider","value","mb","type","ERROR","text","options","onSubmit","children","entries","reduce","acc","key","ConnectedForm"],"mappings":"onBAIA,QAASA,IAAI,KAAyB,QAAQ,AAE9C,QACEC,aAAa,CAEbC,UAAU,CAEVC,UAAU,CACVC,mBAAmB,CACnBC,MAAM,CACNC,QAAQ,KACH,OAAO,AAEd,QAASC,KAAK,KAAQ,aAAa,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAASC,OAAO,KAAQ,uBAAuB,AAE/C,QAAO,MAAMC,aAAeT,cAA6B,CACvDU,OAAQ,CAAC,CACX,EAAE,AAEF,QAAO,MAAMC,gBAAkB,KAC7B,OAAOT,WAAWO,aACpB,CAAC,CAsCD,SAASG,iBAMPC,KAKC,CACDC,GAAwD,EAExD,KAAM,CAACC,YAAaC,eAAe,CAAGX,SAAkB,CAAC,GACzD,KAAM,CAACY,UAAWC,aAAa,CAAGb,WAClC,MAAMc,QAAUf,OAA4C,MAC5D,KAAM,CAAEgB,CAAC,CAAE,CAAGb,iBAEdJ,oBAAoBW,IAAK,IAAO,CAAA,CAC9BO,OAAQC,aACRC,QAAS,SAAMJ,wBAAAA,iBAAAA,QAAQK,OAAO,UAAfL,iCAAAA,iBAAiBI,OAAO,GACzC,CAAA,GAKA,MAAMD,aAAe,AAAOG,0CAC1B,MAAMC,QAAUb,MAAMc,WAAW,CAAGd,MAAMc,WAAW,CAACF,UAAYA,SAClET,eAAe,CAAC,GAChBE,aAAaU,WACb,KAAM,CACJC,WAAW,CACXC,IAAI,CACJb,SAAS,CACTc,aAAa,CACd,CAA0D,MAAMlB,MAAMmB,QAAQ,CAC7EN,SAGF,MAAMO,iBAAmBC,OAAOC,IAAI,CAACN,aAAe,CAAC,GAAGO,MAAM,CAAG,GAAKnB,WAAac,cAEnF,GAAIE,iBAAkB,KAGpBpB,uBAFAG,eAAeqB,gBAAgBR,aAAe,CAAC,EAAGT,IAClDF,aAAaD,UAAYG,EAAEH,WAAaW,YACxCf,uBAAAA,MAAMyB,eAAe,UAArBzB,uCAAAA,4BAAAA,MACE,CACEkB,cACAd,UACAY,WACF,EACAH,QACAD,SAEJ,KAAO,KACLZ,4BAAAA,2BAAAA,MAAM0B,mBAAmB,UAAzB1B,2CAAAA,gCAAAA,MAA4BiB,KAC9B,CACF,KAEA,OACE,MAACrB,aAAa+B,QAAQ,EAACC,MAAO,CAAE/B,OAAQK,WAAY,YACjDE,WAAa,KAACX,OAAMoC,GAAI,KAAMC,KAAMnC,QAAQoC,KAAK,CAAEC,KAAM5B,YAC1D,KAAClB,MAAKe,IAAKK,QAAS2B,QAASjC,MAAMiC,OAAO,CAAEC,SAAUzB,sBACnDT,MAAMmC,QAAQ,KAIvB,CAEA,SAASX,gBAAgBR,WAAoB,CAAET,CAA0B,EACvE,OAAOc,OAAOe,OAAO,CAACpB,aAAaqB,MAAM,CAAU,CAACC,IAAK,CAACC,IAAKX,MAAM,IACnEU,GAAG,CAACC,IAAI,CAAGhC,EAAEqB,OACb,OAAOU,GACT,EAAG,CAAC,EACN,CAEA,MAAME,cAAgBpD,WAAWW,iBAWjC,QAASyC,aAAa,CAAE"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{forwardRef,useImperativeHandle}from"react";import{useForm as useRHForm,FormProvider as RHFormProvider,useFormContext,useWatch}from"react-hook-form";import classes from"./Form.module.css";export function FormProvider({form,children}){return _jsx(RHFormProvider,_object_spread_props(_object_spread({},form),{children:children}))}function FormRaw(_param,ref){var{onSubmit,children,options}=_param,formProps=_object_without_properties(_param,["onSubmit","children","options"]);const form=useRHForm(options);useImperativeHandle(ref,()=>({getForm:()=>form}));return _jsx(FormProvider,{form:form,children:_jsx("form",_object_spread_props(_object_spread({onSubmit:form.handleSubmit(args=>onSubmit(args,form)),className:classes.form},formProps),{children:children}))})}const Form=forwardRef(FormRaw);export{useWatch,useFormContext,Form};
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +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, undefined> // The 2nd and 3rd generic is not used currently\n  children: ReactNode\n}) {\n  return <RHFormProvider {...form}>{children}</RHFormProvider>\n}\n\nexport type TFormForwardRef<TFormData extends FieldValues> = {\n  getForm: () => UseFormReturn<TFormData, any, undefined> | 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":["forwardRef","useImperativeHandle","useForm","useRHForm","FormProvider","RHFormProvider","useFormContext","useWatch","classes","form","children","FormRaw","ref","onSubmit","options","formProps","getForm","handleSubmit","args","className","Form"],"mappings":"69DAIA,QAIEA,UAAU,CAEVC,mBAAmB,KACd,OAAO,AACd,QACEC,WAAWC,SAAS,CACpBC,gBAAgBC,cAAc,CAC9BC,cAAc,CAIdC,QAAQ,KACH,iBAAiB,AAExB,QAAOC,YAAa,mBAAmB,AAWvC,QAAO,SAASJ,aAA4C,CAC1DK,IAAI,CACJC,QAAQ,CAIT,EACC,OAAO,KAACL,sDAAmBI,gBAAOC,WACpC,CAyBA,SAASC,QACP,OACAC,GAA6C,KAD7C,CAAEC,QAAQ,CAAEH,QAAQ,CAAEI,OAAO,CAAuD,CAApF,OAAkCC,qCAAlC,QAAEF,WAAUH,WAAUI,YAGtB,MAAML,KAAON,UAAqBW,SAClCb,oBAAoBW,IAAK,IAAO,CAAA,CAC9BI,QAAS,IAAMP,IACjB,CAAA,GACA,OACE,KAACL,cAAaK,KAAMA,cAClB,KAACA,4CACCI,SAAUJ,KAAKQ,YAAY,CAAC,AAACC,MAASL,SAASK,KAAMT,OACrDU,UAAWX,QAAQC,IAAI,EACnBM,qBAEHL,aAIT,CAEA,MAAMU,KAAOpB,WAAWW,QAMxB,QAASJ,QAAQ,CAAED,cAAc,CAAEc,IAAI,CAAE"}

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

@@ -0,0 +1 @@
+.form>*{margin-bottom:.7rem}.form>:last-of-type{margin-bottom:0}.form .error-message{display:block}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";export const FormErrors=({errors})=>{if(errors.length===0)return null;return _jsx(_Fragment,{children:errors.map((err,index)=>_jsx("span",{className:"error-message",children:err===null||err===void 0?void 0:err.toString()},index))})};
+//# sourceMappingURL=FormErrors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Form/FormErrors.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * **FormErrors** is capable of showing multiple errors\n * @param errors list of errors\n * @constructor\n */\nexport const FormErrors = ({ errors }: { errors: string[] }) => {\n  if (errors.length === 0) return null\n  return (\n    <>\n      {errors.map((err, index) => (\n        <span className=\"error-message\" key={index}>\n          {err?.toString()}\n        </span>\n      ))}\n    </>\n  )\n}\n"],"names":["FormErrors","errors","length","map","err","index","span","className","toString"],"mappings":"gEASA,QAAO,MAAMA,WAAa,CAAC,CAAEC,MAAM,CAAwB,IACzD,GAAIA,OAAOC,MAAM,GAAK,EAAG,OAAO,KAChC,OACE,yBACGD,OAAOE,GAAG,CAAC,CAACC,IAAKC,QAChB,KAACC,QAAKC,UAAU,yBACbH,YAAAA,oBAAAA,IAAKI,QAAQ,IADqBH,SAM7C,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Form/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./ConnectedForm\"\nexport * from \"./Form\"\nexport * from \"./types\"\n"],"names":[],"mappings":"AAIA,WAAc,iBAAiB,AAC/B,YAAc,QAAQ,AACtB,YAAc,SAAS"}

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

@@ -0,0 +1,2 @@
+export var EActionRequestResultMessage=/*#__PURE__*/function(EActionRequestResultMessage){EActionRequestResultMessage["FIELD_ERRORS"]="Field errors";return EActionRequestResultMessage}({});export var EActionRequestResultStatus=/*#__PURE__*/function(EActionRequestResultStatus){EActionRequestResultStatus["BAD_REQUEST"]="BAD_REQUEST";return EActionRequestResultStatus}({});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Form/types.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FieldValues, RegisterOptions, UseFormReturn } from \"react-hook-form\"\n\nexport type TFormControl<T> = {\n  inputProps?: Partial<T>\n  validation?: RegisterOptions[\"validate\"]\n  name: string\n  onChange?: (val: string) => void\n  error?: string\n}\n\nexport type TFormValue = string | number | Date\n\nexport type ThandleSubmit<TFormData extends FieldValues> = (\n  values: TFormData,\n  form: UseFormReturn<TFormData, any, undefined>\n) => void\n\nexport type THandleFormResponseError<TResponseErrorPayload, TTransformedFormFields, TFormFields> = (\n  error: TFormResponseError<TResponseErrorPayload>,\n  payloadTransformed: TTransformedFormFields,\n  payload: TFormFields\n) => void\n\nexport type TMutateFnReturn<\n  TResponseData = unknown,\n  TResponseErrorPayload = unknown,\n> = TFormResponseError<TResponseErrorPayload> & {\n  data: TResponseData\n}\n\nexport type TFormResponseError<TResponseErrorPayload = unknown> = {\n  fieldErrors?: TErrors\n  mainError?: string\n  originalError?: TResponseErrorPayload\n}\n\nexport type TError = string\n\nexport type TErrors = Record<string, TError>\n\nexport type TErrorContext = {\n  errors: TErrors\n}\n\nexport enum EActionRequestResultMessage {\n  FIELD_ERRORS = \"Field errors\",\n}\n\nexport enum EActionRequestResultStatus {\n  BAD_REQUEST = \"BAD_REQUEST\",\n}\n"],"names":["EActionRequestResultMessage","EActionRequestResultStatus"],"mappings":"AAgDA,OAAO,IAAA,AAAKA,kDAAAA,+FAAAA,gCAEX,AAED,QAAO,IAAA,AAAKC,iDAAAA,2FAAAA,+BAEX"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import classes from"./FormItemGroup.module.css";import{cx}from"../../helper/cx";export const FormItemGroup=({children,noChildrenFlex=false,classNames=[]})=>{return _jsx("div",{className:cx(classes.container,noChildrenFlex?undefined:classes["with-flex"],...classNames),children:children})};
+//# sourceMappingURL=FormItemGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Form/FormItemGroup.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, PropsWithChildren } from \"react\"\nimport classes from \"./FormItemGroup.module.css\"\nimport { cx } from \"../../helper/cx\"\n\ntype TFormItemGroupProps = {\n  noChildrenFlex?: boolean\n  classNames?: string[]\n}\n\nexport const FormItemGroup: FC<PropsWithChildren<TFormItemGroupProps>> = ({\n  children,\n  noChildrenFlex = false,\n  classNames = [],\n}) => {\n  return (\n    <div\n      className={cx(\n        classes.container,\n        noChildrenFlex ? undefined : classes[\"with-flex\"],\n        ...classNames\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["classes","cx","FormItemGroup","children","noChildrenFlex","classNames","div","className","container","undefined"],"mappings":"0CAKA,QAAOA,YAAa,4BAA4B,AAChD,QAASC,EAAE,KAAQ,iBAAiB,AAOpC,QAAO,MAAMC,cAA4D,CAAC,CACxEC,QAAQ,CACRC,eAAiB,KAAK,CACtBC,WAAa,EAAE,CAChB,IACC,OACE,KAACC,OACCC,UAAWN,GACTD,QAAQQ,SAAS,CACjBJ,eAAiBK,UAAYT,OAAO,CAAC,YAAY,IAC9CK,qBAGJF,UAGP,CAAC"}

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

@@ -0,0 +1 @@
+.container{display:flex;gap:var(--mantine-spacing-md)}.container.with-flex>*{flex:1}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{TextInput}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import{useFormContext}from"../Form/Form";import React,{forwardRef}from"react";import{useErrorContext}from"../Form";import{FormErrors}from"../Form/FormErrors";export const Input=forwardRef((_param,ref)=>{var{size="md"}=_param,props=_object_without_properties(_param,["size"]);const classes=getDefaultFormStyles();return _jsx(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)}))});export const FormInput=_param=>{var{name,validation={},min,max,minLength,maxLength}=_param,inputProps=_object_without_properties(_param,["name","validation","min","max","minLength","maxLength"]);const{register,formState}=useFormContext();const errorContext=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 _jsx(Input,_object_spread_props(_object_spread({},inputProps,register(name,{validate:validation,disabled:inputProps.disabled,min,max,minLength,maxLength})),{error:errors.length>0&&_jsx(FormErrors,{errors:errors})}))};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +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":["TextInput","getDefaultFormStyles","useFormContext","React","forwardRef","useErrorContext","FormErrors","Input","ref","size","props","classes","classNames","root","label","input","error","FormInput","name","validation","min","max","minLength","maxLength","inputProps","register","formState","errorContext","formErrors","errors","fetchErrors","message","flat","filter","ent","validate","disabled","length"],"mappings":"69DAIA,QAASA,SAAS,KAAwB,eAAe,AACzD,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAASC,cAAc,KAAQ,cAAc,AAE7C,QAAOC,OAASC,UAAU,KAAQ,OAAO,AACzC,QAASC,eAAe,KAAQ,SAAS,AACzC,QAASC,UAAU,KAAQ,oBAAoB,AAG/C,QAAO,MAAMC,MAAQH,WACnB,QAA4BI,UAA3B,CAAEC,KAAO,IAAI,CAAY,QAAPC,yCAAhBD,SACD,MAAME,QAAUV,uBAChB,OACE,KAACD,+CACCQ,IAAKA,KACDE,QACJD,KAAMA,KACNG,WAAY,gBACVC,KAAMF,QAAQE,IAAI,CAClBC,MAAOH,QAAQG,KAAK,CACpBC,MAAOJ,QAAQI,KAAK,CACpBC,MAAOL,QAAQK,KAAK,EACjBN,MAAME,UAAU,IAI3B,EACD,AAaD,QAAO,MAAMK,UAAuE,YAAC,CACnFC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,QADIC,8CANHN,OACAC,aACAC,MACAC,MACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGxB,iBAChC,MAAMyB,aAAetB,kBAErB,MAAMuB,WAAaF,UAAUG,MAAM,CAACX,KAAK,CACzC,MAAMY,YAAcH,aAAaE,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACD,mBAAAA,2BAAAA,WAAYG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAEnF,OACE,KAAC3B,6CACKiB,WACAC,SAASP,KAAM,CACjBiB,SAAUhB,WACViB,SAAUZ,WAAWY,QAAQ,CAC7BhB,IACAC,IACAC,UACAC,SACF,KACAP,MAAOa,OAAOQ,MAAM,CAAG,GAAK,KAAC/B,YAAWuB,OAAQA,WAGtD,CAAC"}

package/lib/esm/components/Form/Labels/InfoLabel.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{InfoI}from"../../InfoTip";import{LabelWithIcon}from"./LabelWithIcon";import{Typo}from"../../Typo";import classes from"./InfoLabel.module.css";import{Info}from"lucide-react";export const InfoLabel=({label,infoContent,withAsterisk=true,icon=Info,labelProps,infoProps})=>{return _jsx(LabelWithIcon,_object_spread_props(_object_spread({withAsterisk:withAsterisk,Icon:_jsx(InfoI,_object_spread({icon:icon,className:classes.label,dropDownContent:_jsx(Typo,{type:"body",children:infoContent})},infoProps))},labelProps),{children:label}))};
+//# sourceMappingURL=InfoLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Labels/InfoLabel.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, ReactNode } from \"react\"\nimport { InfoI, TInfoIProps } from \"../../InfoTip\"\nimport { LabelWithIcon, TLabelWithIconProps } from \"./LabelWithIcon\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./InfoLabel.module.css\"\nimport { Info, LucideIcon } from \"lucide-react\"\n\ntype TInfoLabelProps = {\n  label: ReactNode\n  infoContent: ReactNode\n  withAsterisk?: boolean\n  icon?: LucideIcon\n  labelProps?: Partial<TLabelWithIconProps>\n  infoProps?: Partial<TInfoIProps>\n}\nexport const InfoLabel: FC<TInfoLabelProps> = ({\n  label,\n  infoContent,\n  withAsterisk = true,\n  icon = Info,\n  labelProps,\n  infoProps,\n}) => {\n  return (\n    <LabelWithIcon\n      withAsterisk={withAsterisk}\n      Icon={\n        <InfoI\n          icon={icon}\n          className={classes.label}\n          dropDownContent={<Typo type={\"body\"}>{infoContent}</Typo>}\n          {...infoProps}\n        />\n      }\n      {...labelProps}\n    >\n      {label}\n    </LabelWithIcon>\n  )\n}\n"],"names":["InfoI","LabelWithIcon","Typo","classes","Info","InfoLabel","label","infoContent","withAsterisk","icon","labelProps","infoProps","Icon","className","dropDownContent","type"],"mappings":"ixCAKA,QAASA,KAAK,KAAqB,eAAe,AAClD,QAASC,aAAa,KAA6B,iBAAiB,AACpE,QAASC,IAAI,KAAQ,YAAY,AACjC,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,IAAI,KAAoB,cAAc,AAU/C,QAAO,MAAMC,UAAiC,CAAC,CAC7CC,KAAK,CACLC,WAAW,CACXC,aAAe,IAAI,CACnBC,KAAOL,IAAI,CACXM,UAAU,CACVC,SAAS,CACV,IACC,OACE,KAACV,mDACCO,aAAcA,aACdI,KACE,KAACZ,sBACCS,KAAMA,KACNI,UAAWV,QAAQG,KAAK,CACxBQ,gBAAiB,KAACZ,MAAKa,KAAM,gBAASR,eAClCI,aAGJD,sBAEHJ,QAGP,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Typo}from"../../Typo";import classes from"./LabelWithIcon.module.css";export const LabelWithIcon=({Icon,withAsterisk=false,children})=>{return _jsxs("div",{className:classes.label,children:[_jsx(Typo,{type:"body",fw:500,children:children}),withAsterisk&&_jsx("span",{className:classes.asterisk,children:"*"}),Icon]})};
+//# sourceMappingURL=LabelWithIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Labels/LabelWithIcon.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, PropsWithChildren, ReactNode } from \"react\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./LabelWithIcon.module.css\"\n\nexport type TLabelWithIconProps = {\n  Icon?: ReactNode\n  withAsterisk?: boolean\n}\n\nexport const LabelWithIcon: FC<PropsWithChildren<TLabelWithIconProps>> = ({\n  Icon,\n  withAsterisk = false,\n  children,\n}) => {\n  return (\n    <div className={classes.label}>\n      <Typo type={\"body\"} fw={500}>\n        {children}\n      </Typo>\n      {withAsterisk && <span className={classes.asterisk}>*</span>}\n      {Icon}\n    </div>\n  )\n}\n"],"names":["Typo","classes","LabelWithIcon","Icon","withAsterisk","children","div","className","label","type","fw","span","asterisk"],"mappings":"wDAKA,QAASA,IAAI,KAAQ,YAAY,AACjC,QAAOC,YAAa,4BAA4B,AAOhD,QAAO,MAAMC,cAA4D,CAAC,CACxEC,IAAI,CACJC,aAAe,KAAK,CACpBC,QAAQ,CACT,IACC,OACE,MAACC,OAAIC,UAAWN,QAAQO,KAAK,WAC3B,KAACR,MAAKS,KAAM,OAAQC,GAAI,aACrBL,WAEFD,cAAgB,KAACO,QAAKJ,UAAWN,QAAQW,QAAQ,UAAE,MACnDT,OAGP,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/MenuButton/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Menu, MenuProps } from \"@mantine/core\"\nimport { Button } from \"../Button\"\nimport { forwardRef, ReactNode } from \"react\"\nimport { ChevronDown, LucideIcon } from \"lucide-react\"\nimport { Icon } from \"../../Icon\"\nimport classes from \"./index.module.css\"\n\ntype TMenuButtonProps = MenuProps & {\n  buttonText: string\n  children: ReactNode\n}\n\nexport const MenuButton = forwardRef<HTMLButtonElement, TMenuButtonProps>((props, ref) => {\n  return (\n    <Menu>\n      <Menu.Target>\n        <Button ref={ref} rightSection={<Icon size={\"md\"} icon={ChevronDown} />}>\n          {props.buttonText}\n        </Button>\n      </Menu.Target>\n      <Menu.Dropdown className={classes.dropdown}>{props.children}</Menu.Dropdown>\n    </Menu>\n  )\n})\n\nMenuButton.displayName = \"MenuButton\"\n\ntype TMenuItemProps = ReturnType<typeof Menu.Item>[\"props\"] & {\n  icon?: LucideIcon\n}\n\nexport const MenuItem = forwardRef<HTMLButtonElement, TMenuItemProps>(({ icon, ...props }, ref) => {\n  const ItemIcon = icon ? <Icon size={\"sm\"} icon={icon} /> : null\n  return <Menu.Item {...props} leftSection={ItemIcon} ref={ref} />\n})\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["Menu","Button","forwardRef","ChevronDown","Icon","classes","MenuButton","props","ref","Target","rightSection","size","icon","buttonText","Dropdown","className","dropdown","children","displayName","MenuItem","ItemIcon","Item","leftSection"],"mappings":"2+DAIA,QAASA,IAAI,KAAmB,eAAe,AAC/C,QAASC,MAAM,KAAQ,WAAW,AAClC,QAASC,UAAU,KAAmB,OAAO,AAC7C,QAASC,WAAW,KAAoB,cAAc,AACtD,QAASC,IAAI,KAAQ,YAAY,AACjC,QAAOC,YAAa,oBAAoB,AAOxC,QAAO,MAAMC,WAAaJ,WAAgD,CAACK,MAAOC,OAChF,OACE,MAACR,gBACC,KAACA,KAAKS,MAAM,WACV,KAACR,QAAOO,IAAKA,IAAKE,aAAc,KAACN,MAAKO,KAAM,KAAMC,KAAMT,uBACrDI,MAAMM,UAAU,KAGrB,KAACb,KAAKc,QAAQ,EAACC,UAAWV,QAAQW,QAAQ,UAAGT,MAAMU,QAAQ,KAGjE,EAAE,AAEFX,CAAAA,WAAWY,WAAW,CAAG,YAMzB,QAAO,MAAMC,SAAWjB,WAA8C,QAAqBM,UAApB,CAAEI,IAAI,CAAY,QAAPL,yCAATK,SACvE,MAAMQ,SAAWR,KAAO,KAACR,MAAKO,KAAM,KAAMC,KAAMA,OAAW,KAC3D,OAAO,KAACZ,KAAKqB,IAAI,wCAAKd,QAAOe,YAAaF,SAAUZ,IAAKA,MAC3D,EAAE,AAEFW,CAAAA,SAASD,WAAW,CAAG"}

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

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

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{PasswordInput as PasswordInputMantine,useMantineTheme}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import React,{forwardRef}from"react";import{useErrorContext,useFormContext}from"../Form";import{FormErrors}from"../Form/FormErrors";import{Eye,EyeOff}from"lucide-react";import classes from"./PasswordInput.module.css";import{ICON_SIZES}from"../../../theme";const useStyles=()=>{const defaultStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({innerInput:classes["inner-input"]},defaultStyles),{root:`${defaultStyles.root} ${classes.root}`})};const PasswordToggleIcon=props=>{const theme=useMantineTheme();const Icon=props.reveal?Eye:EyeOff;return _jsx(Icon,{size:ICON_SIZES.MEDIUM,color:theme.colors.gray[5]})};const PasswordInputRaw=(_param,ref)=>{var{size="md"}=_param,props=_object_without_properties(_param,["size"]);const classes=useStyles();return _jsx(PasswordInputMantine,_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=forwardRef(PasswordInputRaw);PasswordInput.displayName="PasswordInput";export{PasswordInput};export const FormPasswordInput=_param=>{var{name,validation={},min,max,minLength,maxLength}=_param,inputProps=_object_without_properties(_param,["name","validation","min","max","minLength","maxLength"]);const{register,formState}=useFormContext();const errorContext=useErrorContext();const formError=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return _jsx(PasswordInput,_object_spread_props(_object_spread({},inputProps,register(name,{validate:validation,min,max,minLength,maxLength})),{error:errors.length>0&&_jsx(FormErrors,{errors:errors})}))};
+//# sourceMappingURL=PasswordInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/PasswordInput/PasswordInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  PasswordInput as PasswordInputMantine,\n  PasswordInputProps,\n  MantineSize,\n  useMantineTheme,\n} from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport React, { ForwardedRef, forwardRef } from \"react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { Eye, EyeOff } from \"lucide-react\"\nimport classes from \"./PasswordInput.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\n\nconst useStyles = () => {\n  const defaultStyles = getDefaultFormStyles()\n  return {\n    innerInput: classes[\"inner-input\"],\n    ...defaultStyles,\n    root: `${defaultStyles.root} ${classes.root}`,\n  }\n}\n\ntype TInput = Modify<\n  PasswordInputProps,\n  {\n    size?: MantineSize\n  }\n>\n\nconst PasswordToggleIcon = (props: { reveal?: boolean }) => {\n  const theme = useMantineTheme()\n  const Icon = props.reveal ? Eye : EyeOff\n\n  return <Icon size={ICON_SIZES.MEDIUM} color={theme.colors.gray[5]} />\n}\n\nconst PasswordInputRaw = (\n  { size = \"md\", ...props }: TInput,\n  ref?: ForwardedRef<HTMLInputElement>\n) => {\n  const classes = useStyles()\n\n  return (\n    <PasswordInputMantine\n      ref={ref}\n      classNames={{\n        root: classes.root,\n        label: classes.label,\n        input: classes.input,\n        innerInput: classes.innerInput,\n        error: classes.error,\n      }}\n      size={size}\n      visibilityToggleIcon={PasswordToggleIcon}\n      {...props}\n    />\n  )\n}\n\nconst PasswordInput = forwardRef(PasswordInputRaw)\nPasswordInput.displayName = \"PasswordInput\"\nexport { PasswordInput }\n\n/**\n * **Form** wrapper for a PasswordInput component that automagically registers the input to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show server-side validation errors.\n * @param name Name of the input\n * @param validation Validation rules for this field's client-side validation\n * @param min Quick validation for numbers\n * @param max Quick validation for numbers\n * @param minLength Quick validation for strings\n * @param maxLength Quick validation for strings\n * @param inputProps Props passed to input component\n */\nexport const FormPasswordInput: React.FC<TInput & TFormControl<HTMLInputElement>> = ({\n  name,\n  validation = {},\n  min,\n  max,\n  minLength,\n  maxLength,\n  ...inputProps\n}) => {\n  const { register, formState } = useFormContext()\n  const errorContext = useErrorContext()\n  const formError = formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <PasswordInput\n      {...inputProps}\n      {...register(name, {\n        validate: validation,\n        min,\n        max,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["PasswordInput","PasswordInputMantine","useMantineTheme","getDefaultFormStyles","React","forwardRef","useErrorContext","useFormContext","FormErrors","Eye","EyeOff","classes","ICON_SIZES","useStyles","defaultStyles","innerInput","root","PasswordToggleIcon","props","theme","Icon","reveal","size","MEDIUM","color","colors","gray","PasswordInputRaw","ref","classNames","label","input","error","visibilityToggleIcon","displayName","FormPasswordInput","name","validation","min","max","minLength","maxLength","inputProps","register","formState","errorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length"],"mappings":"69DAIA,QACEA,iBAAiBC,oBAAoB,CAGrCC,eAAe,KACV,eAAe,AACtB,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAAOC,OAAuBC,UAAU,KAAQ,OAAO,AAEvD,QAASC,eAAe,CAAEC,cAAc,KAAQ,SAAS,AACzD,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAASC,GAAG,CAAEC,MAAM,KAAQ,cAAc,AAC1C,QAAOC,YAAa,4BAA4B,AAChD,QAASC,UAAU,KAAQ,gBAAgB,CAE3C,MAAMC,UAAY,KAChB,MAAMC,cAAgBX,uBACtB,OAAO,qCACLY,WAAYJ,OAAO,CAAC,cAAc,EAC/BG,gBACHE,KAAM,CAAC,EAAEF,cAAcE,IAAI,CAAC,CAAC,EAAEL,QAAQK,IAAI,CAAC,CAAC,EAEjD,EASA,MAAMC,mBAAqB,AAACC,QAC1B,MAAMC,MAAQjB,kBACd,MAAMkB,KAAOF,MAAMG,MAAM,CAAGZ,IAAMC,OAElC,OAAO,KAACU,MAAKE,KAAMV,WAAWW,MAAM,CAAEC,MAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,EACnE,EAEA,MAAMC,iBAAmB,QAEvBC,UADA,CAAEN,KAAO,IAAI,CAAoB,QAAfJ,yCAAhBI,SAGF,MAAMX,QAAUE,YAEhB,OACE,KAACZ,qCACC2B,IAAKA,IACLC,WAAY,CACVb,KAAML,QAAQK,IAAI,CAClBc,MAAOnB,QAAQmB,KAAK,CACpBC,MAAOpB,QAAQoB,KAAK,CACpBhB,WAAYJ,QAAQI,UAAU,CAC9BiB,MAAOrB,QAAQqB,KAAK,AACtB,EACAV,KAAMA,KACNW,qBAAsBhB,oBAClBC,OAGV,EAEA,MAAMlB,cAAgBK,WAAWsB,iBACjC3B,CAAAA,cAAckC,WAAW,CAAG,eAC5B,QAASlC,aAAa,CAAE,AAaxB,QAAO,MAAMmC,kBAAuE,YAAC,CACnFC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,QADIC,8CANHN,OACAC,aACAC,MACAC,MACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGrC,iBAChC,MAAMsC,aAAevC,kBACrB,MAAMwC,UAAYF,UAAUG,MAAM,CAACX,KAAK,CACxC,MAAMY,YAAcH,aAAaE,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,OACE,KAACpD,qDACK0C,WACAC,SAASP,KAAM,CACjBiB,SAAUhB,WACVC,IACAC,IACAC,UACAC,SACF,KACAT,MAAOe,OAAOO,MAAM,CAAG,GAAK,KAAC9C,YAAWuC,OAAQA,WAGtD,CAAC"}

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

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