@greenbone/ui-lib 1.3.1-alpha0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get Checkbox(){return Checkbox},get FormCheckbox(){return FormCheckbox}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _Form=require("../Form/Form");const _RadioButtonmodulecss=/*#__PURE__*/_interop_require_default(require("../RadioButton/RadioButton.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${_RadioButtonmodulecss.default.label}`})};const Checkbox=(0,_react.forwardRef)((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return(0,_jsxruntime.jsx)(_core.Checkbox,_object_spread({ref:ref,classNames:{root:classes.root,label:classes.label,input:classes.input}},props))});const FormCheckbox=_param=>{var{name}=_param,props=_object_without_properties(_param,["name"]);const{register}=(0,_Form.useFormContext)();return(0,_jsxruntime.jsx)(Checkbox,_object_spread({},props,register(name)))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get Checkbox(){return Checkbox},get FormCheckbox(){return FormCheckbox}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _Form=require("../Form/Form");const _Form1=require("../Form");const _FormErrors=require("../Form/FormErrors");const _Checkboxmodulecss=/*#__PURE__*/_interop_require_default(require("./Checkbox.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${_Checkboxmodulecss.default.label}`})};const Checkbox=(0,_react.forwardRef)((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return(0,_jsxruntime.jsx)(_core.Checkbox,_object_spread({ref:ref,classNames:{root:classes.root,label:classes.label,input:classes.input}},props))});const FormCheckbox=_param=>{var{name,validation={}}=_param,checkboxProps=_object_without_properties(_param,["name","validation"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form1.useErrorContext)();const formErrors=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formErrors===null||formErrors===void 0?void 0:formErrors.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Checkbox,_object_spread_props(_object_spread({},checkboxProps,register(name,{validate:validation,disabled:checkboxProps.disabled})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
2
2
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
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 { forwardRef } from \"react\"\nimport { Checkbox as CheckboxMantine, CheckboxProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl } from \"../Form\"\nimport classes from \"../RadioButton/RadioButton.module.css\"\n\nconst useStyles = () => {\n const defaultFormStyles = getDefaultFormStyles()\n return {\n ...defaultFormStyles,\n label: `${defaultFormStyles.label} ${classes.label}`,\n }\n}\n\n// eslint-disable-next-line react/display-name\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...props }, ref) => {\n const classes = useStyles()\n return (\n <CheckboxMantine\n ref={ref}\n classNames={{\n root: classes.root,\n label: classes.label,\n input: classes.input,\n }}\n {...props}\n />\n )\n})\n\nexport const FormCheckbox: React.FC<CheckboxProps & TFormControl<HTMLInputElement>> = ({\n name,\n ...props\n}) => {\n const { register } = useFormContext()\n\n return <Checkbox {...props} {...register(name)} />\n}\n"],"names":["Checkbox","FormCheckbox","useStyles","defaultFormStyles","getDefaultFormStyles","label","classes","forwardRef","ref","props","CheckboxMantine","classNames","root","input","name","register","useFormContext"],"mappings":"mPAoBaA,kBAAAA,cAeAC,sBAAAA,oFA/Bc,6BACgC,6CACtB,uCACN,0FAEX,27EAEpB,MAAMC,UAAY,KAChB,MAAMC,kBAAoBC,GAAAA,kCAAoB,IAC9C,OAAO,uCACFD,oBACHE,MAAO,CAAC,EAAEF,kBAAkBE,KAAK,CAAC,CAAC,EAAEC,6BAAO,CAACD,KAAK,CAAC,CAAC,EAExD,EAGO,MAAML,SAAWO,GAAAA,iBAAU,EAAkC,QAAeC,WAATC,uDACxE,MAAMH,QAAUJ,YAChB,MACE,oBAACQ,cAAe,iBACdF,IAAKA,IACLG,WAAY,CACVC,KAAMN,QAAQM,IAAI,CAClBP,MAAOC,QAAQD,KAAK,CACpBQ,MAAOP,QAAQO,KAAK,AACtB,GACIJ,OAGV,GAEO,MAAMR,aAAyE,YAAC,CACrFa,IAAI,CAEL,QADIL,yCADHK,SAGA,KAAM,CAAEC,QAAQ,CAAE,CAAGC,GAAAA,oBAAc,IAEnC,MAAO,oBAAChB,2BAAaS,MAAWM,SAASD,OAC3C"}
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 React, { forwardRef } from \"react\"\nimport { Checkbox as CheckboxMantine, CheckboxProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl, useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport classes from \"./Checkbox.module.css\"\n\nconst useStyles = () => {\n const defaultFormStyles = getDefaultFormStyles()\n return {\n ...defaultFormStyles,\n label: `${defaultFormStyles.label} ${classes.label}`,\n }\n}\n\n// eslint-disable-next-line react/display-name\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...props }, ref) => {\n const classes = useStyles()\n return (\n <CheckboxMantine\n ref={ref}\n classNames={{\n root: classes.root,\n label: classes.label,\n input: classes.input,\n }}\n {...props}\n />\n )\n})\n\n/**\n * **Form** wrapper for a checkbox component that automatically registers the input to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show client-side and server-side validation errors.\n * @param name Name of the checkbox\n * @param validation Validation rules for the client-side validation\n * @param checkboxProps Props passed to checkbox component\n */\nexport const FormCheckbox: React.FC<CheckboxProps & TFormControl<HTMLInputElement>> = ({\n name,\n validation = {},\n ...checkboxProps\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 <Checkbox\n {...checkboxProps}\n {...register(name, {\n validate: validation,\n disabled: checkboxProps.disabled,\n })}\n error={errors.length > 0 && <FormErrors errors={errors} />}\n />\n )\n}\n"],"names":["Checkbox","FormCheckbox","useStyles","defaultFormStyles","getDefaultFormStyles","label","classes","forwardRef","ref","props","CheckboxMantine","classNames","root","input","name","validation","checkboxProps","register","formState","useFormContext","errorContext","useErrorContext","formErrors","errors","fetchErrors","message","flat","filter","ent","validate","disabled","error","length","FormErrors"],"mappings":"mPAqBaA,kBAAAA,cAsBAC,sBAAAA,2HAvCqB,8BACyB,6CACtB,uCACN,qCACe,qCACnB,6FACP,+4GAEpB,MAAMC,UAAY,KAChB,MAAMC,kBAAoBC,GAAAA,kCAAoB,IAC9C,OAAO,uCACFD,oBACHE,MAAO,CAAC,EAAEF,kBAAkBE,KAAK,CAAC,CAAC,EAAEC,0BAAO,CAACD,KAAK,CAAC,CAAC,EAExD,EAGO,MAAML,SAAWO,GAAAA,iBAAU,EAAkC,QAAeC,WAATC,uDACxE,MAAMH,QAAUJ,YAChB,MACE,oBAACQ,cAAe,iBACdF,IAAKA,IACLG,WAAY,CACVC,KAAMN,QAAQM,IAAI,CAClBP,MAAOC,QAAQD,KAAK,CACpBQ,MAAOP,QAAQO,KAAK,AACtB,GACIJ,OAGV,GASO,MAAMR,aAAyE,YAAC,CACrFa,IAAI,CACJC,WAAa,CAAC,CAAC,CAEhB,QADIC,iDAFHF,OACAC,eAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,sBAAe,IAEpC,MAAMC,WAAaJ,UAAUK,MAAM,CAACT,KAAK,CACzC,MAAMU,YAAcJ,aAAaG,MAAM,CAACT,KAAK,CAC7C,MAAMS,OAAS,CAACD,mBAAAA,2BAAAA,WAAYG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAEnF,MACE,oBAAC5B,gDACKgB,cACAC,SAASH,KAAM,CACjBe,SAAUd,WACVe,SAAUd,cAAcc,QAAQ,AAClC,KACAC,MAAOR,OAAOS,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACV,OAAQA,WAGtD"}
@@ -0,0 +1 @@
1
+ .label{font-weight:400}
@@ -1,2 +1,2 @@
1
- function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{forwardRef}from"react";import{Checkbox as CheckboxMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import{useFormContext}from"../Form/Form";import classes from"../RadioButton/RadioButton.module.css";const useStyles=()=>{const defaultFormStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${classes.label}`})};export const Checkbox=forwardRef((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return _jsx(CheckboxMantine,_object_spread({ref:ref,classNames:{root:classes.root,label:classes.label,input:classes.input}},props))});export const FormCheckbox=_param=>{var{name}=_param,props=_object_without_properties(_param,["name"]);const{register}=useFormContext();return _jsx(Checkbox,_object_spread({},props,register(name)))};
1
+ function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import React,{forwardRef}from"react";import{Checkbox as CheckboxMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import{useFormContext}from"../Form/Form";import{useErrorContext}from"../Form";import{FormErrors}from"../Form/FormErrors";import classes from"./Checkbox.module.css";const useStyles=()=>{const defaultFormStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${classes.label}`})};export const Checkbox=forwardRef((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return _jsx(CheckboxMantine,_object_spread({ref:ref,classNames:{root:classes.root,label:classes.label,input:classes.input}},props))});export const FormCheckbox=_param=>{var{name,validation={}}=_param,checkboxProps=_object_without_properties(_param,["name","validation"]);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(Checkbox,_object_spread_props(_object_spread({},checkboxProps,register(name,{validate:validation,disabled:checkboxProps.disabled})),{error:errors.length>0&&_jsx(FormErrors,{errors:errors})}))};
2
2
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
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 { forwardRef } from \"react\"\nimport { Checkbox as CheckboxMantine, CheckboxProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl } from \"../Form\"\nimport classes from \"../RadioButton/RadioButton.module.css\"\n\nconst useStyles = () => {\n const defaultFormStyles = getDefaultFormStyles()\n return {\n ...defaultFormStyles,\n label: `${defaultFormStyles.label} ${classes.label}`,\n }\n}\n\n// eslint-disable-next-line react/display-name\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...props }, ref) => {\n const classes = useStyles()\n return (\n <CheckboxMantine\n ref={ref}\n classNames={{\n root: classes.root,\n label: classes.label,\n input: classes.input,\n }}\n {...props}\n />\n )\n})\n\nexport const FormCheckbox: React.FC<CheckboxProps & TFormControl<HTMLInputElement>> = ({\n name,\n ...props\n}) => {\n const { register } = useFormContext()\n\n return <Checkbox {...props} {...register(name)} />\n}\n"],"names":["forwardRef","Checkbox","CheckboxMantine","getDefaultFormStyles","useFormContext","classes","useStyles","defaultFormStyles","label","ref","props","classNames","root","input","FormCheckbox","name","register"],"mappings":"u2EAIA,QAASA,UAAU,KAAQ,OAAO,AAClC,QAASC,YAAYC,eAAe,KAAuB,eAAe,AAC1E,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAASC,cAAc,KAAQ,cAAc,AAE7C,QAAOC,YAAa,uCAAuC,CAE3D,MAAMC,UAAY,KAChB,MAAMC,kBAAoBJ,uBAC1B,OAAO,uCACFI,oBACHC,MAAO,CAAC,EAAED,kBAAkBC,KAAK,CAAC,CAAC,EAAEH,QAAQG,KAAK,CAAC,CAAC,EAExD,CAGA,QAAO,MAAMP,SAAWD,WAA4C,QAAeS,WAATC,uDACxE,MAAML,QAAUC,YAChB,OACE,KAACJ,gCACCO,IAAKA,IACLE,WAAY,CACVC,KAAMP,QAAQO,IAAI,CAClBJ,MAAOH,QAAQG,KAAK,CACpBK,MAAOR,QAAQQ,KAAK,AACtB,GACIH,OAGV,EAAE,AAEF,QAAO,MAAMI,aAAyE,YAAC,CACrFC,IAAI,CAEL,QADIL,yCADHK,SAGA,KAAM,CAAEC,QAAQ,CAAE,CAAGZ,iBAErB,OAAO,KAACH,2BAAaS,MAAWM,SAASD,OAC3C,CAAC"}
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 React, { forwardRef } from \"react\"\nimport { Checkbox as CheckboxMantine, CheckboxProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl, useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport classes from \"./Checkbox.module.css\"\n\nconst useStyles = () => {\n const defaultFormStyles = getDefaultFormStyles()\n return {\n ...defaultFormStyles,\n label: `${defaultFormStyles.label} ${classes.label}`,\n }\n}\n\n// eslint-disable-next-line react/display-name\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...props }, ref) => {\n const classes = useStyles()\n return (\n <CheckboxMantine\n ref={ref}\n classNames={{\n root: classes.root,\n label: classes.label,\n input: classes.input,\n }}\n {...props}\n />\n )\n})\n\n/**\n * **Form** wrapper for a checkbox component that automatically registers the input to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show client-side and server-side validation errors.\n * @param name Name of the checkbox\n * @param validation Validation rules for the client-side validation\n * @param checkboxProps Props passed to checkbox component\n */\nexport const FormCheckbox: React.FC<CheckboxProps & TFormControl<HTMLInputElement>> = ({\n name,\n validation = {},\n ...checkboxProps\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 <Checkbox\n {...checkboxProps}\n {...register(name, {\n validate: validation,\n disabled: checkboxProps.disabled,\n })}\n error={errors.length > 0 && <FormErrors errors={errors} />}\n />\n )\n}\n"],"names":["React","forwardRef","Checkbox","CheckboxMantine","getDefaultFormStyles","useFormContext","useErrorContext","FormErrors","classes","useStyles","defaultFormStyles","label","ref","props","classNames","root","input","FormCheckbox","name","validation","checkboxProps","register","formState","errorContext","formErrors","errors","fetchErrors","message","flat","filter","ent","validate","disabled","error","length"],"mappings":"u2EAIA,QAAOA,OAASC,UAAU,KAAQ,OAAO,AACzC,QAASC,YAAYC,eAAe,KAAuB,eAAe,AAC1E,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAASC,cAAc,KAAQ,cAAc,AAC7C,QAAuBC,eAAe,KAAQ,SAAS,AACvD,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAAOC,YAAa,uBAAuB,CAE3C,MAAMC,UAAY,KAChB,MAAMC,kBAAoBN,uBAC1B,OAAO,uCACFM,oBACHC,MAAO,CAAC,EAAED,kBAAkBC,KAAK,CAAC,CAAC,EAAEH,QAAQG,KAAK,CAAC,CAAC,EAExD,CAGA,QAAO,MAAMT,SAAWD,WAA4C,QAAeW,WAATC,uDACxE,MAAML,QAAUC,YAChB,OACE,KAACN,gCACCS,IAAKA,IACLE,WAAY,CACVC,KAAMP,QAAQO,IAAI,CAClBJ,MAAOH,QAAQG,KAAK,CACpBK,MAAOR,QAAQQ,KAAK,AACtB,GACIH,OAGV,EAAE,AASF,QAAO,MAAMI,aAAyE,YAAC,CACrFC,IAAI,CACJC,WAAa,CAAC,CAAC,CAEhB,QADIC,iDAFHF,OACAC,eAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGjB,iBAChC,MAAMkB,aAAejB,kBAErB,MAAMkB,WAAaF,UAAUG,MAAM,CAACP,KAAK,CACzC,MAAMQ,YAAcH,aAAaE,MAAM,CAACP,KAAK,CAC7C,MAAMO,OAAS,CAACD,mBAAAA,2BAAAA,WAAYG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAEnF,OACE,KAAC5B,gDACKkB,cACAC,SAASH,KAAM,CACjBa,SAAUZ,WACVa,SAAUZ,cAAcY,QAAQ,AAClC,KACAC,MAAOR,OAAOS,MAAM,CAAG,GAAK,KAAC3B,YAAWkB,OAAQA,WAGtD,CAAC"}
@@ -0,0 +1 @@
1
+ .label{font-weight:400}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@greenbone/ui-lib",
3
- "version": "1.3.1-alpha0",
3
+ "version": "1.4.0",
4
4
  "description": "Greenbone UI Components Mantine v7",
5
5
  "types": "types/src/index.d.ts",
6
6
  "main": "lib/index.js",
@@ -43,7 +43,7 @@
43
43
  "@emotion/react": "^11.14.0",
44
44
  "@svgr/cli": "^8.1.0",
45
45
  "@swc/cli": "^0.7.8",
46
- "@swc/core": "^1.13.3",
46
+ "@swc/core": "^1.15.2",
47
47
  "@swc/jest": "^0.2.39",
48
48
  "@testing-library/dom": "^10.4.0",
49
49
  "@testing-library/jest-dom": "^6.9.1",
@@ -60,7 +60,7 @@
60
60
  "chokidar": "^4.0.3",
61
61
  "concurrently": "^9.1.2",
62
62
  "cssnano": "^7.1.0",
63
- "dayjs": "^1.11.18",
63
+ "dayjs": "^1.11.19",
64
64
  "i18next": "^25.6.0",
65
65
  "identity-obj-proxy": "^3.0.0",
66
66
  "jest": "^30.0.5",
@@ -80,7 +80,7 @@
80
80
  "@mantine/dates": "^7.17.7",
81
81
  "@mantine/hooks": "^7.17.7",
82
82
  "@mantine/notifications": "^7.17.7",
83
- "lucide-react": "^0.552.0",
83
+ "lucide-react": "^0.554.0",
84
84
  "react": "^18.x.x",
85
85
  "react-dom": "^18.x.x",
86
86
  "react-i18next": "^15.x.x"
@@ -95,7 +95,7 @@
95
95
  "@mantine/hooks": "^7.17.7",
96
96
  "@mantine/notifications": "^7.17.7",
97
97
  "lodash": "^4.17.21",
98
- "lucide-react": "^0.552.0",
98
+ "lucide-react": "^0.554.0",
99
99
  "luxon": "^3.7.2",
100
100
  "react": "^18.x.x",
101
101
  "react-dom": "^18.x.x",
@@ -1,5 +1,6 @@
1
+ import React from "react";
1
2
  import { CheckboxProps } from "@mantine/core";
2
3
  import { TFormControl } from "../Form";
3
- export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
4
+ export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
4
5
  export declare const FormCheckbox: React.FC<CheckboxProps & TFormControl<HTMLInputElement>>;
5
6
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAA;AAG1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAYtC,eAAO,MAAM,QAAQ,4GAanB,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAOjF,CAAA"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAA;AAG1E,OAAO,EAAE,YAAY,EAAmB,MAAM,SAAS,CAAA;AAavD,eAAO,MAAM,QAAQ,wFAanB,CAAA;AASF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAsBjF,CAAA"}