@greenbone/ui-lib 1.0.1-alpha0 → 1.0.1-alpha2

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

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

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

@@ -1 +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":"mPAgDYA,qCAAAA,iCAIAC,oCAAAA,8BAJL,IAAA,AAAKD,kDAAAA,+FAAAA,iCAIL,IAAA,AAAKC,iDAAAA,2FAAAA"}
+{"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, TFormData>\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":"mPAgDYA,qCAAAA,iCAIAC,oCAAAA,8BAJL,IAAA,AAAKD,kDAAAA,+FAAAA,iCAIL,IAAA,AAAKC,iDAAAA,2FAAAA"}

package/lib/cjs/components/Table/components/Paging.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function(){return Pagination}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _constants=require("../constants");const _Form=require("../../Form");const _reacti18next=require("react-i18next");const _Pagingmodulecss=/*#__PURE__*/_interop_require_default(require("./Paging.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=(0,_reacti18next.useTranslation)();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=_constants.PAGING_STEPS.map(s=>""+s);const start=index*size+1;const end=(index+1)*size>totalDisplayableResults?totalDisplayableResults:(index+1)*size;const text=t("{start}–{end} of {totalDisplayableResults} items",{start,end,totalDisplayableResults});return(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default["pagination-container"],"data-testid":"pagination-container",children:[(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default.info,children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default["per-page"],children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default.text,children:[t("Items per page"),":"]}),(0,_jsxruntime.jsx)(_Form.Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),(0,_jsxruntime.jsx)("span",{className:_Pagingmodulecss.default.text,children:text})]}),(0,_jsxruntime.jsx)(_core.Pagination,{className:_Pagingmodulecss.default.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=(0,_react.memo)(PaginationRaw);
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function(){return Pagination}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _constants=require("../constants");const _Form=require("../../Form");const _reacti18next=require("react-i18next");const _Pagingmodulecss=/*#__PURE__*/_interop_require_default(require("./Paging.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=(0,_reacti18next.useTranslation)();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=_constants.PAGING_STEPS.map(s=>""+s);const start=index*size+1;const end=(index+1)*size>totalDisplayableResults?totalDisplayableResults:(index+1)*size;const text=t("{start}–{end} of {totalDisplayableResults} items",{start,end,totalDisplayableResults});return(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default["pagination-container"],"data-testid":"pagination-container",children:[(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default.info,children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default["per-page"],children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default.text,children:[t("Items per page"),":"]}),(0,_jsxruntime.jsx)(_Form.Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,allowDeselect:false,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),(0,_jsxruntime.jsx)("span",{className:_Pagingmodulecss.default.text,children:text})]}),(0,_jsxruntime.jsx)(_core.Pagination,{className:_Pagingmodulecss.default.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=(0,_react.memo)(PaginationRaw);
 //# sourceMappingURL=Paging.js.map

package/lib/cjs/components/Table/components/Paging.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/components/Paging.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { memo } from \"react\"\nimport { Pagination as MantinePagination } from \"@mantine/core\"\nimport { TPaginationReturnProps } from \"../types\"\nimport { PAGING_STEPS } from \"../constants\"\nimport { Select } from \"../../Form\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Paging.module.css\"\n\nconst PaginationRaw: React.FC<TPaginationReturnProps> = ({\n  index,\n  size = 10,\n  totalDisplayableResults,\n  actions,\n}) => {\n  const { t } = useTranslation()\n\n  if (totalDisplayableResults <= 0) return null\n\n  const pagingStepsStringified = PAGING_STEPS.map((s) => \"\" + s)\n  const start = index * size + 1\n  const end =\n    (index + 1) * size > totalDisplayableResults ? totalDisplayableResults : (index + 1) * size\n  const text = t(\"{start}–{end} of {totalDisplayableResults} items\", {\n    start,\n    end,\n    totalDisplayableResults,\n  })\n\n  return (\n    <div className={classes[\"pagination-container\"]} data-testid={\"pagination-container\"}>\n      <div className={classes.info}>\n        <span className={classes[\"per-page\"]}>\n          <span className={classes.text}>{t(\"Items per page\")}:</span>\n          <Select\n            data-testid={\"paging-step-select\"}\n            data={pagingStepsStringified}\n            defaultValue={size + \"\" || pagingStepsStringified[0]}\n            onChange={(val) => actions.setPageSize(parseInt(val || pagingStepsStringified[0]))}\n          />\n        </span>\n        <span className={classes.text}>{text}</span>\n      </div>\n      <MantinePagination\n        className={classes.pagination}\n        total={Math.ceil(totalDisplayableResults / size)}\n        value={index + 1}\n        onChange={(val: number) => {\n          actions.gotoPageIndex(val - 1)\n        }}\n      />\n    </div>\n  )\n}\n\nconst Pagination = memo(PaginationRaw)\n\nexport { Pagination }\n"],"names":["Pagination","PaginationRaw","index","size","totalDisplayableResults","actions","t","useTranslation","pagingStepsStringified","PAGING_STEPS","map","s","start","end","text","div","className","classes","data-testid","info","span","Select","data","defaultValue","onChange","val","setPageSize","parseInt","MantinePagination","pagination","total","Math","ceil","value","gotoPageIndex","memo"],"mappings":"oGA4DSA,oDAAAA,yHAxDmB,8BACoB,0CAEnB,oCACN,0CACQ,sFACX,glCAEpB,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,GAAIH,yBAA2B,EAAG,OAAO,KAEzC,MAAMI,uBAAyBC,uBAAY,CAACC,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQV,MAAQC,KAAO,EAC7B,MAAMU,IACJ,AAACX,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMW,KAAOR,EAAE,mDAAoD,CACjEM,MACAC,IACAT,uBACF,GAEA,MACE,qBAACW,OAAIC,UAAWC,wBAAO,CAAC,uBAAuB,CAAEC,cAAa,iCAC5D,qBAACH,OAAIC,UAAWC,wBAAO,CAACE,IAAI,WAC1B,qBAACC,QAAKJ,UAAWC,wBAAO,CAAC,WAAW,WAClC,qBAACG,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,WAAGR,EAAE,kBAAkB,OACpD,oBAACe,YAAM,EACLH,cAAa,qBACbI,KAAMd,uBACNe,aAAcpB,KAAO,IAAMK,sBAAsB,CAAC,EAAE,CACpDgB,SAAU,AAACC,KAAQpB,QAAQqB,WAAW,CAACC,SAASF,KAAOjB,sBAAsB,CAAC,EAAE,QAGpF,oBAACY,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,UAAGA,UAElC,oBAACc,gBAAiB,EAChBZ,UAAWC,wBAAO,CAACY,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAAC5B,wBAA0BD,MAC3C8B,MAAO/B,MAAQ,EACfsB,SAAU,AAACC,MACTpB,QAAQ6B,aAAa,CAACT,IAAM,EAC9B,MAIR,EAEA,MAAMzB,WAAamC,GAAAA,WAAI,EAAClC"}
+{"version":3,"sources":["../../../../../src/components/Table/components/Paging.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { memo } from \"react\"\nimport { Pagination as MantinePagination } from \"@mantine/core\"\nimport { TPaginationReturnProps } from \"../types\"\nimport { PAGING_STEPS } from \"../constants\"\nimport { Select } from \"../../Form\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Paging.module.css\"\n\nconst PaginationRaw: React.FC<TPaginationReturnProps> = ({\n  index,\n  size = 10,\n  totalDisplayableResults,\n  actions,\n}) => {\n  const { t } = useTranslation()\n\n  if (totalDisplayableResults <= 0) return null\n\n  const pagingStepsStringified = PAGING_STEPS.map((s) => \"\" + s)\n  const start = index * size + 1\n  const end =\n    (index + 1) * size > totalDisplayableResults ? totalDisplayableResults : (index + 1) * size\n  const text = t(\"{start}–{end} of {totalDisplayableResults} items\", {\n    start,\n    end,\n    totalDisplayableResults,\n  })\n\n  return (\n    <div className={classes[\"pagination-container\"]} data-testid={\"pagination-container\"}>\n      <div className={classes.info}>\n        <span className={classes[\"per-page\"]}>\n          <span className={classes.text}>{t(\"Items per page\")}:</span>\n          <Select\n            data-testid={\"paging-step-select\"}\n            data={pagingStepsStringified}\n            allowDeselect={false}\n            defaultValue={size + \"\" || pagingStepsStringified[0]}\n            onChange={(val) => actions.setPageSize(parseInt(val || pagingStepsStringified[0]))}\n          />\n        </span>\n        <span className={classes.text}>{text}</span>\n      </div>\n      <MantinePagination\n        className={classes.pagination}\n        total={Math.ceil(totalDisplayableResults / size)}\n        value={index + 1}\n        onChange={(val: number) => {\n          actions.gotoPageIndex(val - 1)\n        }}\n      />\n    </div>\n  )\n}\n\nconst Pagination = memo(PaginationRaw)\n\nexport { Pagination }\n"],"names":["Pagination","PaginationRaw","index","size","totalDisplayableResults","actions","t","useTranslation","pagingStepsStringified","PAGING_STEPS","map","s","start","end","text","div","className","classes","data-testid","info","span","Select","data","allowDeselect","defaultValue","onChange","val","setPageSize","parseInt","MantinePagination","pagination","total","Math","ceil","value","gotoPageIndex","memo"],"mappings":"oGA6DSA,oDAAAA,yHAzDmB,8BACoB,0CAEnB,oCACN,0CACQ,sFACX,glCAEpB,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,GAAIH,yBAA2B,EAAG,OAAO,KAEzC,MAAMI,uBAAyBC,uBAAY,CAACC,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQV,MAAQC,KAAO,EAC7B,MAAMU,IACJ,AAACX,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMW,KAAOR,EAAE,mDAAoD,CACjEM,MACAC,IACAT,uBACF,GAEA,MACE,qBAACW,OAAIC,UAAWC,wBAAO,CAAC,uBAAuB,CAAEC,cAAa,iCAC5D,qBAACH,OAAIC,UAAWC,wBAAO,CAACE,IAAI,WAC1B,qBAACC,QAAKJ,UAAWC,wBAAO,CAAC,WAAW,WAClC,qBAACG,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,WAAGR,EAAE,kBAAkB,OACpD,oBAACe,YAAM,EACLH,cAAa,qBACbI,KAAMd,uBACNe,cAAe,MACfC,aAAcrB,KAAO,IAAMK,sBAAsB,CAAC,EAAE,CACpDiB,SAAU,AAACC,KAAQrB,QAAQsB,WAAW,CAACC,SAASF,KAAOlB,sBAAsB,CAAC,EAAE,QAGpF,oBAACY,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,UAAGA,UAElC,oBAACe,gBAAiB,EAChBb,UAAWC,wBAAO,CAACa,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAAC7B,wBAA0BD,MAC3C+B,MAAOhC,MAAQ,EACfuB,SAAU,AAACC,MACTrB,QAAQ8B,aAAa,CAACT,IAAM,EAC9B,MAIR,EAEA,MAAM1B,WAAaoC,GAAAA,WAAI,EAACnC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/Form/Form.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  DetailedHTMLProps,\n  FormHTMLAttributes,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useImperativeHandle,\n} from \"react\"\nimport {\n  useForm as useRHForm,\n  FormProvider as RHFormProvider,\n  useFormContext,\n  FieldValues,\n  UseFormProps,\n  UseFormReturn,\n  useWatch,\n} from \"react-hook-form\"\nimport { ThandleSubmit } from \"./types\"\nimport classes from \"./Form.module.css\"\n\nexport type TuseFormProps<TFormData extends FieldValues> = Omit<\n  DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>,\n  \"onSubmit\" | \"ref\"\n> & {\n  children?: ReactNode\n  onSubmit: ThandleSubmit<TFormData>\n  options?: UseFormProps<TFormData>\n}\n\nexport function FormProvider<TFormData extends FieldValues>({\n  form,\n  children,\n}: {\n  form: UseFormReturn<TFormData, any, 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"}
+{"version":3,"sources":["../../../../../src/components/Form/Form/Form.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  DetailedHTMLProps,\n  FormHTMLAttributes,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useImperativeHandle,\n} from \"react\"\nimport {\n  useForm as useRHForm,\n  FormProvider as RHFormProvider,\n  useFormContext,\n  FieldValues,\n  UseFormProps,\n  UseFormReturn,\n  useWatch,\n} from \"react-hook-form\"\nimport { ThandleSubmit } from \"./types\"\nimport classes from \"./Form.module.css\"\n\nexport type TuseFormProps<TFormData extends FieldValues> = Omit<\n  DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>,\n  \"onSubmit\" | \"ref\"\n> & {\n  children?: ReactNode\n  onSubmit: ThandleSubmit<TFormData>\n  options?: UseFormProps<TFormData>\n}\n\nexport function FormProvider<TFormData extends FieldValues>({\n  form,\n  children,\n}: {\n  form: UseFormReturn<TFormData, any, TFormData>\n  children: ReactNode\n}) {\n  return <RHFormProvider {...form}>{children}</RHFormProvider>\n}\n\nexport type TFormForwardRef<TFormData extends FieldValues> = {\n  getForm: () => UseFormReturn<TFormData, any, TFormData> | undefined\n}\n\n/**\n * The **Form** is a simple wrapper for @react-hook-form made for easier and developer-friendlier Form creation.\n * With RHF you have to manually register all inputs and pass the field-validation on the useForm({validation}) hook.\n * Using this **Form** You can simply wrap this **Form** around your form body that contains the FormXXXX UI form-elements.\n * The FormXXX elements automatically connect to the form context and register their local validations without hustle.\n * It looks like this:<br/>\n * ```typescript\n * <Form onSubmit={(data, form) => handleSubmit(data)}>\n *    <FormInput name=\"name\" />\n *    <FormInput type=\"number\" name=\"age\" />\n *    <button type=\"submit\">submit</button>\n * </Form>\n * ```\n * @param onSubmit Callback when form is submitted\n * @param children\n * @param options Options that are passed to @react-hook-forms useForm\n * @param formProps Props for the native form element\n * @param ref ForwardRef to get the form as a parent component {getForm()}\n */\nfunction FormRaw<TFormData extends FieldValues>(\n  { onSubmit, children, options, ...formProps }: Omit<TuseFormProps<TFormData>, \"ref\">,\n  ref: ForwardedRef<TFormForwardRef<TFormData>>\n) {\n  const form = useRHForm<TFormData>(options)\n  useImperativeHandle(ref, () => ({\n    getForm: () => form,\n  }))\n  return (\n    <FormProvider form={form}>\n      <form\n        onSubmit={form.handleSubmit((args) => onSubmit(args, form))}\n        className={classes.form}\n        {...formProps}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  )\n}\n\nconst Form = forwardRef(FormRaw) as <TFormFields extends FieldValues>(\n  props: TuseFormProps<TFormFields> & {\n    ref?: React.ForwardedRef<TFormForwardRef<TFormFields>>\n  }\n) => ReturnType<typeof FormRaw>\n\nexport { useWatch, useFormContext, Form }\n"],"names":["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/types.js.map

@@ -1 +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"}
+{"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, TFormData>\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/Table/components/Paging.js

@@ -1,2 +1,2 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{memo}from"react";import{Pagination as MantinePagination}from"@mantine/core";import{PAGING_STEPS}from"../constants";import{Select}from"../../Form";import{useTranslation}from"react-i18next";import classes from"./Paging.module.css";const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=useTranslation();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=PAGING_STEPS.map(s=>""+s);const start=index*size+1;const end=(index+1)*size>totalDisplayableResults?totalDisplayableResults:(index+1)*size;const text=t("{start}–{end} of {totalDisplayableResults} items",{start,end,totalDisplayableResults});return _jsxs("div",{className:classes["pagination-container"],"data-testid":"pagination-container",children:[_jsxs("div",{className:classes.info,children:[_jsxs("span",{className:classes["per-page"],children:[_jsxs("span",{className:classes.text,children:[t("Items per page"),":"]}),_jsx(Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),_jsx("span",{className:classes.text,children:text})]}),_jsx(MantinePagination,{className:classes.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=memo(PaginationRaw);export{Pagination};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{memo}from"react";import{Pagination as MantinePagination}from"@mantine/core";import{PAGING_STEPS}from"../constants";import{Select}from"../../Form";import{useTranslation}from"react-i18next";import classes from"./Paging.module.css";const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=useTranslation();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=PAGING_STEPS.map(s=>""+s);const start=index*size+1;const end=(index+1)*size>totalDisplayableResults?totalDisplayableResults:(index+1)*size;const text=t("{start}–{end} of {totalDisplayableResults} items",{start,end,totalDisplayableResults});return _jsxs("div",{className:classes["pagination-container"],"data-testid":"pagination-container",children:[_jsxs("div",{className:classes.info,children:[_jsxs("span",{className:classes["per-page"],children:[_jsxs("span",{className:classes.text,children:[t("Items per page"),":"]}),_jsx(Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,allowDeselect:false,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),_jsx("span",{className:classes.text,children:text})]}),_jsx(MantinePagination,{className:classes.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=memo(PaginationRaw);export{Pagination};
 //# sourceMappingURL=Paging.js.map

package/lib/esm/components/Table/components/Paging.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/components/Paging.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { memo } from \"react\"\nimport { Pagination as MantinePagination } from \"@mantine/core\"\nimport { TPaginationReturnProps } from \"../types\"\nimport { PAGING_STEPS } from \"../constants\"\nimport { Select } from \"../../Form\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Paging.module.css\"\n\nconst PaginationRaw: React.FC<TPaginationReturnProps> = ({\n  index,\n  size = 10,\n  totalDisplayableResults,\n  actions,\n}) => {\n  const { t } = useTranslation()\n\n  if (totalDisplayableResults <= 0) return null\n\n  const pagingStepsStringified = PAGING_STEPS.map((s) => \"\" + s)\n  const start = index * size + 1\n  const end =\n    (index + 1) * size > totalDisplayableResults ? totalDisplayableResults : (index + 1) * size\n  const text = t(\"{start}–{end} of {totalDisplayableResults} items\", {\n    start,\n    end,\n    totalDisplayableResults,\n  })\n\n  return (\n    <div className={classes[\"pagination-container\"]} data-testid={\"pagination-container\"}>\n      <div className={classes.info}>\n        <span className={classes[\"per-page\"]}>\n          <span className={classes.text}>{t(\"Items per page\")}:</span>\n          <Select\n            data-testid={\"paging-step-select\"}\n            data={pagingStepsStringified}\n            defaultValue={size + \"\" || pagingStepsStringified[0]}\n            onChange={(val) => actions.setPageSize(parseInt(val || pagingStepsStringified[0]))}\n          />\n        </span>\n        <span className={classes.text}>{text}</span>\n      </div>\n      <MantinePagination\n        className={classes.pagination}\n        total={Math.ceil(totalDisplayableResults / size)}\n        value={index + 1}\n        onChange={(val: number) => {\n          actions.gotoPageIndex(val - 1)\n        }}\n      />\n    </div>\n  )\n}\n\nconst Pagination = memo(PaginationRaw)\n\nexport { Pagination }\n"],"names":["React","memo","Pagination","MantinePagination","PAGING_STEPS","Select","useTranslation","classes","PaginationRaw","index","size","totalDisplayableResults","actions","t","pagingStepsStringified","map","s","start","end","text","div","className","data-testid","info","span","data","defaultValue","onChange","val","setPageSize","parseInt","pagination","total","Math","ceil","value","gotoPageIndex"],"mappings":"wDAIA,QAAOA,OAASC,IAAI,KAAQ,OAAO,AACnC,QAASC,cAAcC,iBAAiB,KAAQ,eAAe,AAE/D,QAASC,YAAY,KAAQ,cAAc,AAC3C,QAASC,MAAM,KAAQ,YAAY,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,qBAAqB,CAEzC,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGP,iBAEd,GAAIK,yBAA2B,EAAG,OAAO,KAEzC,MAAMG,uBAAyBV,aAAaW,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQR,MAAQC,KAAO,EAC7B,MAAMQ,IACJ,AAACT,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMS,KAAON,EAAE,mDAAoD,CACjEI,MACAC,IACAP,uBACF,GAEA,OACE,MAACS,OAAIC,UAAWd,OAAO,CAAC,uBAAuB,CAAEe,cAAa,iCAC5D,MAACF,OAAIC,UAAWd,QAAQgB,IAAI,WAC1B,MAACC,QAAKH,UAAWd,OAAO,CAAC,WAAW,WAClC,MAACiB,QAAKH,UAAWd,QAAQY,IAAI,WAAGN,EAAE,kBAAkB,OACpD,KAACR,QACCiB,cAAa,qBACbG,KAAMX,uBACNY,aAAchB,KAAO,IAAMI,sBAAsB,CAAC,EAAE,CACpDa,SAAU,AAACC,KAAQhB,QAAQiB,WAAW,CAACC,SAASF,KAAOd,sBAAsB,CAAC,EAAE,QAGpF,KAACU,QAAKH,UAAWd,QAAQY,IAAI,UAAGA,UAElC,KAAChB,mBACCkB,UAAWd,QAAQwB,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAACvB,wBAA0BD,MAC3CyB,MAAO1B,MAAQ,EACfkB,SAAU,AAACC,MACThB,QAAQwB,aAAa,CAACR,IAAM,EAC9B,MAIR,EAEA,MAAM1B,WAAaD,KAAKO,cAExB,QAASN,UAAU,CAAE"}
+{"version":3,"sources":["../../../../../src/components/Table/components/Paging.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { memo } from \"react\"\nimport { Pagination as MantinePagination } from \"@mantine/core\"\nimport { TPaginationReturnProps } from \"../types\"\nimport { PAGING_STEPS } from \"../constants\"\nimport { Select } from \"../../Form\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Paging.module.css\"\n\nconst PaginationRaw: React.FC<TPaginationReturnProps> = ({\n  index,\n  size = 10,\n  totalDisplayableResults,\n  actions,\n}) => {\n  const { t } = useTranslation()\n\n  if (totalDisplayableResults <= 0) return null\n\n  const pagingStepsStringified = PAGING_STEPS.map((s) => \"\" + s)\n  const start = index * size + 1\n  const end =\n    (index + 1) * size > totalDisplayableResults ? totalDisplayableResults : (index + 1) * size\n  const text = t(\"{start}–{end} of {totalDisplayableResults} items\", {\n    start,\n    end,\n    totalDisplayableResults,\n  })\n\n  return (\n    <div className={classes[\"pagination-container\"]} data-testid={\"pagination-container\"}>\n      <div className={classes.info}>\n        <span className={classes[\"per-page\"]}>\n          <span className={classes.text}>{t(\"Items per page\")}:</span>\n          <Select\n            data-testid={\"paging-step-select\"}\n            data={pagingStepsStringified}\n            allowDeselect={false}\n            defaultValue={size + \"\" || pagingStepsStringified[0]}\n            onChange={(val) => actions.setPageSize(parseInt(val || pagingStepsStringified[0]))}\n          />\n        </span>\n        <span className={classes.text}>{text}</span>\n      </div>\n      <MantinePagination\n        className={classes.pagination}\n        total={Math.ceil(totalDisplayableResults / size)}\n        value={index + 1}\n        onChange={(val: number) => {\n          actions.gotoPageIndex(val - 1)\n        }}\n      />\n    </div>\n  )\n}\n\nconst Pagination = memo(PaginationRaw)\n\nexport { Pagination }\n"],"names":["React","memo","Pagination","MantinePagination","PAGING_STEPS","Select","useTranslation","classes","PaginationRaw","index","size","totalDisplayableResults","actions","t","pagingStepsStringified","map","s","start","end","text","div","className","data-testid","info","span","data","allowDeselect","defaultValue","onChange","val","setPageSize","parseInt","pagination","total","Math","ceil","value","gotoPageIndex"],"mappings":"wDAIA,QAAOA,OAASC,IAAI,KAAQ,OAAO,AACnC,QAASC,cAAcC,iBAAiB,KAAQ,eAAe,AAE/D,QAASC,YAAY,KAAQ,cAAc,AAC3C,QAASC,MAAM,KAAQ,YAAY,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,qBAAqB,CAEzC,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGP,iBAEd,GAAIK,yBAA2B,EAAG,OAAO,KAEzC,MAAMG,uBAAyBV,aAAaW,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQR,MAAQC,KAAO,EAC7B,MAAMQ,IACJ,AAACT,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMS,KAAON,EAAE,mDAAoD,CACjEI,MACAC,IACAP,uBACF,GAEA,OACE,MAACS,OAAIC,UAAWd,OAAO,CAAC,uBAAuB,CAAEe,cAAa,iCAC5D,MAACF,OAAIC,UAAWd,QAAQgB,IAAI,WAC1B,MAACC,QAAKH,UAAWd,OAAO,CAAC,WAAW,WAClC,MAACiB,QAAKH,UAAWd,QAAQY,IAAI,WAAGN,EAAE,kBAAkB,OACpD,KAACR,QACCiB,cAAa,qBACbG,KAAMX,uBACNY,cAAe,MACfC,aAAcjB,KAAO,IAAMI,sBAAsB,CAAC,EAAE,CACpDc,SAAU,AAACC,KAAQjB,QAAQkB,WAAW,CAACC,SAASF,KAAOf,sBAAsB,CAAC,EAAE,QAGpF,KAACU,QAAKH,UAAWd,QAAQY,IAAI,UAAGA,UAElC,KAAChB,mBACCkB,UAAWd,QAAQyB,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAACxB,wBAA0BD,MAC3C0B,MAAO3B,MAAQ,EACfmB,SAAU,AAACC,MACTjB,QAAQyB,aAAa,CAACR,IAAM,EAC9B,MAIR,EAEA,MAAM3B,WAAaD,KAAKO,cAExB,QAASN,UAAU,CAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greenbone/ui-lib",
-  "version": "1.0.1-alpha0",
+  "version": "1.0.1-alpha2",
   "description": "Greenbone UI Components Mantine v7",
   "types": "types/src/index.d.ts",
   "main": "lib/index.js",
@@ -52,7 +52,7 @@
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.20",
     "@types/luxon": "^3.7.1",
-    "@types/node": "^24.3.0",
+    "@types/node": "^24.7.2",
     "@types/react": "18.3.18",
     "@types/react-dom": "^18.3.5",
     "@types/webfontloader": "^1.6.38",
@@ -60,8 +60,8 @@
     "chokidar": "^4.0.3",
     "concurrently": "^9.1.2",
     "cssnano": "^7.1.0",
-    "dayjs": "^1.11.13",
-    "i18next": "^25.3.6",
+    "dayjs": "^1.11.18",
+    "i18next": "^25.6.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.0.5",
     "jest-chain-transform": "^0.0.8",
@@ -80,13 +80,13 @@
     "@mantine/dates": "^7.17.7",
     "@mantine/hooks": "^7.17.7",
     "@mantine/notifications": "^7.17.7",
-    "lucide-react": "^0.540.0",
+    "lucide-react": "^0.545.0",
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
     "react-i18next": "^15.x.x"
   },
   "optionalDependencies": {
-    "@reduxjs/toolkit": "^2.8.2",
+    "@reduxjs/toolkit": "^2.9.0",
     "@swc/core-darwin-arm64": "^1.12.11"
   },
   "dependencies": {
@@ -95,11 +95,11 @@
     "@mantine/hooks": "^7.17.7",
     "@mantine/notifications": "^7.17.7",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.540.0",
-    "luxon": "^3.7.1",
+    "lucide-react": "^0.545.0",
+    "luxon": "^3.7.2",
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
-    "react-hook-form": "7.54.2",
+    "react-hook-form": "7.62.0",
     "react-i18next": "^15.x.x",
     "react-select": "^5.10.2",
     "tiny-invariant": "^1.3.3",

package/types/src/components/Form/Form/Form.d.ts

@@ -7,11 +7,11 @@ export type TuseFormProps<TFormData extends FieldValues> = Omit<DetailedHTMLProp
     options?: UseFormProps<TFormData>;
 };
 export declare function FormProvider<TFormData extends FieldValues>({ form, children, }: {
-    form: UseFormReturn<TFormData, any, undefined>;
+    form: UseFormReturn<TFormData, any, TFormData>;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export type TFormForwardRef<TFormData extends FieldValues> = {
-    getForm: () => UseFormReturn<TFormData, any, undefined> | undefined;
+    getForm: () => UseFormReturn<TFormData, any, TFormData> | undefined;
 };
 declare function FormRaw<TFormData extends FieldValues>({ onSubmit, children, options, ...formProps }: Omit<TuseFormProps<TFormData>, "ref">, ref: ForwardedRef<TFormForwardRef<TFormData>>): import("react/jsx-runtime").JSX.Element;
 declare const Form: <TFormFields extends FieldValues>(props: TuseFormProps<TFormFields> & {

package/types/src/components/Form/Form/types.d.ts

@@ -7,7 +7,7 @@ export type TFormControl<T> = {
     error?: string;
 };
 export type TFormValue = string | number | Date;
-export type ThandleSubmit<TFormData extends FieldValues> = (values: TFormData, form: UseFormReturn<TFormData, any, undefined>) => void;
+export type ThandleSubmit<TFormData extends FieldValues> = (values: TFormData, form: UseFormReturn<TFormData, any, TFormData>) => void;
 export type THandleFormResponseError<TResponseErrorPayload, TTransformedFormFields, TFormFields> = (error: TFormResponseError<TResponseErrorPayload>, payloadTransformed: TTransformedFormFields, payload: TFormFields) => void;
 export type TMutateFnReturn<TResponseData = unknown, TResponseErrorPayload = unknown> = TFormResponseError<TResponseErrorPayload> & {
     data: TResponseData;

package/types/src/components/Table/components/Paging.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paging.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/components/Paging.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAe,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAoDjD,QAAA,MAAM,UAAU,oDAAsB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Paging.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/components/Paging.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAe,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAqDjD,QAAA,MAAM,UAAU,oDAAsB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAA"}