@greenbone/ui-lib 2.0.2 → 2.0.3-alpha1

package/lib/cjs/components/Filter/TermContainer/Term/DisplayValue/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get DisplayValue(){return DisplayValue},get DisplayValueBadge(){return DisplayValueBadge}});const _jsxruntime=require("react/jsx-runtime");const _TermBadge=require("../TermBadge");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _FilterBadge=require("../../../utils/FilterBadge");const _core=require("@mantine/core");const _useFilter=require("../../../utils/hooks/useFilter");const _reacti18next=require("react-i18next");const _utils=require("../../../utils");const _transformHelpers=require("../../../utils/transformHelpers");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _indexmodulecss1=/*#__PURE__*/_interop_require_default(require("../index.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const EControlType=_utils.TFilter.EControlType;const DisplayValueBadge=({shouldBeTranslated,className,onDelete,value})=>{const theme=(0,_core.useMantineTheme)();const{t}=(0,_reacti18next.useTranslation)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.colors.gray[9];const badgeBGColor=isDarkScheme?theme.colors.gray[5]:theme.colors.gray[1];return(0,_jsxruntime.jsx)(_TermBadge.TermBadge,{label:shouldBeTranslated?t(`${value}`):`${value}`,onDelete:()=>onDelete(value),color:badgeFGColor,bgColor:badgeBGColor,className:className,showDeleteButton:true})};const DisplayValue=({termId,onDelete})=>{var _term_attribute;const{term}=(0,_useFilter.useFilterTerm)(termId);const{state,setState}=(0,_useFilter.useFilter)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{i18n}=(0,_reacti18next.useTranslation)();const transform=(0,_transformHelpers.transformValueBasedOnControlType)((0,_transformHelpers.buildDisplayValueTransformMap)({language:_utils.ELanguage.fromString(i18n===null||i18n===void 0?void 0:i18n.language),term}));const theme=(0,_core.useMantineTheme)();if(!term)return null;const shouldBeTranslated=checkIfDisplayValueShouldBeTranslated(term);const handlePopOverClick=event=>{event.stopPropagation();setState(_object_spread_props(_object_spread({},state),{termsCollapsed:false}))};const value=transform(((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)||EControlType.STRING,term);if(Array.isArray(value)){const values=[...value];if(value.length>3){return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[values.splice(0,3).map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val)),(0,_jsxruntime.jsx)("span",{onClick:handlePopOverClick,children:(0,_jsxruntime.jsxs)(_core.Popover,{children:[(0,_jsxruntime.jsx)(_core.Popover.Target,{children:(0,_jsxruntime.jsx)("button",{className:_indexmodulecss.default.button,"data-testid":"filter-popover-button",onClick:e=>{e.stopPropagation()},"data-readonly-clickable":true,children:(0,_jsxruntime.jsxs)(_FilterBadge.FilterBadge,{color:isDarkScheme?theme.white:theme.black,bgColor:isDarkScheme?theme.colors.gray[8]:theme.white,border:`1px solid ${isDarkScheme?theme.colors.gray[1]:theme.colors.gray[6]}`,borderRadius:"2px",children:["+",values.length]})})}),(0,_jsxruntime.jsx)(_core.Popover.Dropdown,{children:(0,_jsxruntime.jsx)("div",{"data-testid":"filter-popover-dropdown",children:values.map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss.default.badge,shouldBeTranslated:shouldBeTranslated},val))})})]})})]})}return(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:value.map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val))})}return(0,_jsxruntime.jsx)(DisplayValueBadge,{value:value,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},value)};const checkIfDisplayValueShouldBeTranslated=term=>{var _term_attribute,_term_attribute1,_term_operator_control,_term_operator;const CONTROL_TYPES_WITH_TRANSLATION=[EControlType.ENUM];const attributeControlTypeIsIncludedInTranslationEnum=((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes((_term_attribute1=term.attribute)===null||_term_attribute1===void 0?void 0:_term_attribute1.control.type);const operatorControlTypeIsIncludedInTranslationEnum=((_term_operator=term.operator)===null||_term_operator===void 0?void 0:(_term_operator_control=_term_operator.control)===null||_term_operator_control===void 0?void 0:_term_operator_control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type);return!!(attributeControlTypeIsIncludedInTranslationEnum||operatorControlTypeIsIncludedInTranslationEnum)};
+"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 DisplayValue(){return DisplayValue},get DisplayValueBadge(){return DisplayValueBadge}});const _jsxruntime=require("react/jsx-runtime");const _TermBadge=require("../TermBadge");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _FilterBadge=require("../../../utils/FilterBadge");const _core=require("@mantine/core");const _useFilter=require("../../../utils/hooks/useFilter");const _reacti18next=require("react-i18next");const _utils=require("../../../utils");const _transformHelpers=require("../../../utils/transformHelpers");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _indexmodulecss1=/*#__PURE__*/_interop_require_default(require("../index.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const EControlType=_utils.TFilter.EControlType;const DisplayValueBadge=({shouldBeTranslated,className,onDelete,value})=>{const theme=(0,_core.useMantineTheme)();const{t}=(0,_reacti18next.useTranslation)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.colors.gray[9];const badgeBGColor=isDarkScheme?theme.colors.gray[5]:theme.colors.gray[1];return(0,_jsxruntime.jsx)(_TermBadge.TermBadge,{label:shouldBeTranslated?t(`${value}`):`${value}`,onDelete:()=>onDelete(value),color:badgeFGColor,bgColor:badgeBGColor,className:className,showDeleteButton:true})};const DisplayValue=({termId,onDelete})=>{var _term_attribute;const{term}=(0,_useFilter.useFilterTerm)(termId);const{state,setState}=(0,_useFilter.useFilter)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{i18n}=(0,_reacti18next.useTranslation)();const transform=(0,_transformHelpers.transformValueBasedOnControlType)((0,_transformHelpers.buildDisplayValueTransformMap)({language:_utils.ELanguage.fromString(i18n===null||i18n===void 0?void 0:i18n.language),term}));const theme=(0,_core.useMantineTheme)();if(!term)return null;const shouldBeTranslated=checkIfDisplayValueShouldBeTranslated(term);const handlePopOverClick=event=>{event.stopPropagation();setState(_object_spread_props(_object_spread({},state),{termsCollapsed:false}))};const value=transform(((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)||EControlType.STRING,term);if(Array.isArray(value)){const values=[...value];if(value.length>3){return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[values.splice(0,3).map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val)),(0,_jsxruntime.jsx)("span",{onClick:handlePopOverClick,children:(0,_jsxruntime.jsxs)(_core.Popover,{children:[(0,_jsxruntime.jsx)(_core.Popover.Target,{children:(0,_jsxruntime.jsx)("button",{className:_indexmodulecss.default.button,"data-testid":"filter-popover-button","data-readonly-clickable":true,children:(0,_jsxruntime.jsxs)(_FilterBadge.FilterBadge,{color:isDarkScheme?theme.white:theme.black,bgColor:isDarkScheme?theme.colors.gray[8]:theme.white,border:`1px solid ${isDarkScheme?theme.colors.gray[1]:theme.colors.gray[6]}`,borderRadius:"2px",children:["+",values.length]})})}),(0,_jsxruntime.jsx)(_core.Popover.Dropdown,{children:(0,_jsxruntime.jsx)("div",{"data-testid":"filter-popover-dropdown",children:values.map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss.default.badge,shouldBeTranslated:shouldBeTranslated},val))})})]})})]})}return(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:value.map(val=>(0,_jsxruntime.jsx)(DisplayValueBadge,{value:val,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val))})}return(0,_jsxruntime.jsx)(DisplayValueBadge,{value:value,onDelete:onDelete,className:_indexmodulecss1.default["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},value)};const checkIfDisplayValueShouldBeTranslated=term=>{var _term_attribute,_term_attribute1,_term_operator_control,_term_operator;const CONTROL_TYPES_WITH_TRANSLATION=[EControlType.ENUM];const attributeControlTypeIsIncludedInTranslationEnum=((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes((_term_attribute1=term.attribute)===null||_term_attribute1===void 0?void 0:_term_attribute1.control.type);const operatorControlTypeIsIncludedInTranslationEnum=((_term_operator=term.operator)===null||_term_operator===void 0?void 0:(_term_operator_control=_term_operator.control)===null||_term_operator_control===void 0?void 0:_term_operator_control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type);return!!(attributeControlTypeIsIncludedInTranslationEnum||operatorControlTypeIsIncludedInTranslationEnum)};
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/Filter/TermContainer/Term/DisplayValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TermBadge } from \"../TermBadge\"\nimport React, { MouseEventHandler } from \"react\"\nimport { FilterBadge } from \"../../../utils/FilterBadge\"\nimport { Popover, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter, useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { ELanguage, TFilter } from \"../../../utils\"\nimport {\n  buildDisplayValueTransformMap,\n  transformValueBasedOnControlType,\n} from \"../../../utils/transformHelpers\"\nimport EControlType = TFilter.EControlType\nimport classes from \"./index.module.css\"\nimport termClasses from \"../index.module.css\"\ntype TDisplayValueProps = {\n  onDelete: (val: string | number) => void\n  termId: number\n}\n\ntype TDisplayValueBadgeProps = {\n  shouldBeTranslated: boolean\n  className?: string\n  onDelete: (val: string | number) => void\n  value: string | number\n}\nexport const DisplayValueBadge = ({\n  shouldBeTranslated,\n  className,\n  onDelete,\n  value,\n}: TDisplayValueBadgeProps) => {\n  const theme = useMantineTheme()\n  const { t } = useTranslation()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.colors.gray[9]\n  const badgeBGColor = isDarkScheme ? theme.colors.gray[5] : theme.colors.gray[1]\n\n  return (\n    <TermBadge\n      label={shouldBeTranslated ? t(`${value}`) : `${value}`}\n      onDelete={() => onDelete(value)}\n      color={badgeFGColor}\n      bgColor={badgeBGColor}\n      className={className}\n      showDeleteButton={true}\n    />\n  )\n}\n\n/**\n * The Read part of the **Value**.\n * This component handles single- and multi-values. It displays up to 3 values using the **DisplayValueBadge**.\n * If there are more than 3 values, it additionally renders a clickable popover, that shows the extra values inside **DisplayValueBadges**\n * @param termId ID of the current term\n * @param onDelete Callback that is called when the cross icon is clicked\n */\nexport const DisplayValue: React.FC<TDisplayValueProps> = ({ termId, onDelete }) => {\n  const { term } = useFilterTerm(termId)\n  const { state, setState } = useFilter()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const { i18n } = useTranslation()\n  const transform = transformValueBasedOnControlType(\n    buildDisplayValueTransformMap({\n      language: ELanguage.fromString(i18n?.language),\n      term,\n    })\n  )\n\n  const theme = useMantineTheme()\n  if (!term) return null\n\n  const shouldBeTranslated = checkIfDisplayValueShouldBeTranslated(term)\n\n  const handlePopOverClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n    setState({\n      ...state,\n      termsCollapsed: false,\n    })\n  }\n\n  const value = transform(term.attribute?.control.type || EControlType.STRING, term)\n\n  if (Array.isArray(value)) {\n    const values: Array<string | number> = [...value]\n    if (value.length > 3) {\n      return (\n        <>\n          {values.splice(0, 3).map((val) => (\n            <DisplayValueBadge\n              key={val}\n              value={val}\n              onDelete={onDelete}\n              className={termClasses[\"badge-with-margin\"]}\n              shouldBeTranslated={shouldBeTranslated}\n            />\n          ))}\n          <span onClick={handlePopOverClick}>\n            <Popover>\n              <Popover.Target>\n                <button\n                  className={classes.button}\n                  data-testid={\"filter-popover-button\"}\n                  onClick={(e) => {\n                    e.stopPropagation()\n                  }}\n                  data-readonly-clickable\n                >\n                  <FilterBadge\n                    color={isDarkScheme ? theme.white : theme.black}\n                    bgColor={isDarkScheme ? theme.colors.gray[8] : theme.white}\n                    border={`1px solid ${isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[6]}`}\n                    borderRadius={\"2px\"}\n                  >\n                    +{values.length}\n                  </FilterBadge>\n                </button>\n              </Popover.Target>\n              <Popover.Dropdown>\n                <div data-testid={\"filter-popover-dropdown\"}>\n                  {values.map((val) => (\n                    <DisplayValueBadge\n                      key={val}\n                      value={val}\n                      onDelete={onDelete}\n                      className={classes.badge}\n                      shouldBeTranslated={shouldBeTranslated}\n                    />\n                  ))}\n                </div>\n              </Popover.Dropdown>\n            </Popover>\n          </span>\n        </>\n      )\n    }\n    return (\n      <>\n        {value.map((val) => (\n          <DisplayValueBadge\n            key={val}\n            value={val}\n            onDelete={onDelete}\n            className={termClasses[\"badge-with-margin\"]}\n            shouldBeTranslated={shouldBeTranslated}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <DisplayValueBadge\n      key={value}\n      value={value}\n      onDelete={onDelete}\n      className={termClasses[\"badge-with-margin\"]}\n      shouldBeTranslated={shouldBeTranslated}\n    />\n  )\n}\nconst checkIfDisplayValueShouldBeTranslated = (term: TFilter.Internal.Term.State) => {\n  const CONTROL_TYPES_WITH_TRANSLATION = [EControlType.ENUM]\n\n  const attributeControlTypeIsIncludedInTranslationEnum =\n    term.attribute?.control.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.attribute?.control.type)\n  const operatorControlTypeIsIncludedInTranslationEnum =\n    term.operator?.control?.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type)\n\n  return !!(\n    attributeControlTypeIsIncludedInTranslationEnum ||\n    operatorControlTypeIsIncludedInTranslationEnum\n  )\n}\n"],"names":["DisplayValue","DisplayValueBadge","EControlType","shouldBeTranslated","className","onDelete","value","theme","useMantineTheme","t","useTranslation","colorScheme","useMantineColorScheme","isDarkScheme","badgeFGColor","black","colors","gray","badgeBGColor","TermBadge","label","color","bgColor","showDeleteButton","termId","term","useFilterTerm","state","setState","useFilter","i18n","transform","transformValueBasedOnControlType","buildDisplayValueTransformMap","language","ELanguage","fromString","checkIfDisplayValueShouldBeTranslated","handlePopOverClick","event","stopPropagation","termsCollapsed","attribute","control","type","STRING","Array","isArray","values","length","splice","map","val","termClasses","span","onClick","Popover","Target","button","classes","data-testid","e","data-readonly-clickable","FilterBadge","white","border","borderRadius","Dropdown","div","badge","CONTROL_TYPES_WITH_TRANSLATION","ENUM","attributeControlTypeIsIncludedInTranslationEnum","includes","operatorControlTypeIsIncludedInTranslationEnum","operator"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TermBadge } from \"../TermBadge\"\nimport React, { MouseEventHandler } from \"react\"\nimport { FilterBadge } from \"../../../utils/FilterBadge\"\nimport { Popover, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter, useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { ELanguage, TFilter } from \"../../../utils\"\nimport {\n  buildDisplayValueTransformMap,\n  transformValueBasedOnControlType,\n} from \"../../../utils/transformHelpers\"\nimport EControlType = TFilter.EControlType\nimport classes from \"./index.module.css\"\nimport termClasses from \"../index.module.css\"\ntype TDisplayValueProps = {\n  onDelete: (val: string | number) => void\n  termId: number\n}\n\ntype TDisplayValueBadgeProps = {\n  shouldBeTranslated: boolean\n  className?: string\n  onDelete: (val: string | number) => void\n  value: string | number\n}\nexport const DisplayValueBadge = ({\n  shouldBeTranslated,\n  className,\n  onDelete,\n  value,\n}: TDisplayValueBadgeProps) => {\n  const theme = useMantineTheme()\n  const { t } = useTranslation()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.colors.gray[9]\n  const badgeBGColor = isDarkScheme ? theme.colors.gray[5] : theme.colors.gray[1]\n\n  return (\n    <TermBadge\n      label={shouldBeTranslated ? t(`${value}`) : `${value}`}\n      onDelete={() => onDelete(value)}\n      color={badgeFGColor}\n      bgColor={badgeBGColor}\n      className={className}\n      showDeleteButton={true}\n    />\n  )\n}\n\n/**\n * The Read part of the **Value**.\n * This component handles single- and multi-values. It displays up to 3 values using the **DisplayValueBadge**.\n * If there are more than 3 values, it additionally renders a clickable popover, that shows the extra values inside **DisplayValueBadges**\n * @param termId ID of the current term\n * @param onDelete Callback that is called when the cross icon is clicked\n */\nexport const DisplayValue: React.FC<TDisplayValueProps> = ({ termId, onDelete }) => {\n  const { term } = useFilterTerm(termId)\n  const { state, setState } = useFilter()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const { i18n } = useTranslation()\n  const transform = transformValueBasedOnControlType(\n    buildDisplayValueTransformMap({\n      language: ELanguage.fromString(i18n?.language),\n      term,\n    })\n  )\n\n  const theme = useMantineTheme()\n  if (!term) return null\n\n  const shouldBeTranslated = checkIfDisplayValueShouldBeTranslated(term)\n\n  const handlePopOverClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n    setState({\n      ...state,\n      termsCollapsed: false,\n    })\n  }\n\n  const value = transform(term.attribute?.control.type || EControlType.STRING, term)\n\n  if (Array.isArray(value)) {\n    const values: Array<string | number> = [...value]\n    if (value.length > 3) {\n      return (\n        <>\n          {values.splice(0, 3).map((val) => (\n            <DisplayValueBadge\n              key={val}\n              value={val}\n              onDelete={onDelete}\n              className={termClasses[\"badge-with-margin\"]}\n              shouldBeTranslated={shouldBeTranslated}\n            />\n          ))}\n          <span onClick={handlePopOverClick}>\n            <Popover>\n              <Popover.Target>\n                <button\n                  className={classes.button}\n                  data-testid={\"filter-popover-button\"}\n                  data-readonly-clickable\n                >\n                  <FilterBadge\n                    color={isDarkScheme ? theme.white : theme.black}\n                    bgColor={isDarkScheme ? theme.colors.gray[8] : theme.white}\n                    border={`1px solid ${isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[6]}`}\n                    borderRadius={\"2px\"}\n                  >\n                    +{values.length}\n                  </FilterBadge>\n                </button>\n              </Popover.Target>\n              <Popover.Dropdown>\n                <div data-testid={\"filter-popover-dropdown\"}>\n                  {values.map((val) => (\n                    <DisplayValueBadge\n                      key={val}\n                      value={val}\n                      onDelete={onDelete}\n                      className={classes.badge}\n                      shouldBeTranslated={shouldBeTranslated}\n                    />\n                  ))}\n                </div>\n              </Popover.Dropdown>\n            </Popover>\n          </span>\n        </>\n      )\n    }\n    return (\n      <>\n        {value.map((val) => (\n          <DisplayValueBadge\n            key={val}\n            value={val}\n            onDelete={onDelete}\n            className={termClasses[\"badge-with-margin\"]}\n            shouldBeTranslated={shouldBeTranslated}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <DisplayValueBadge\n      key={value}\n      value={value}\n      onDelete={onDelete}\n      className={termClasses[\"badge-with-margin\"]}\n      shouldBeTranslated={shouldBeTranslated}\n    />\n  )\n}\nconst checkIfDisplayValueShouldBeTranslated = (term: TFilter.Internal.Term.State) => {\n  const CONTROL_TYPES_WITH_TRANSLATION = [EControlType.ENUM]\n\n  const attributeControlTypeIsIncludedInTranslationEnum =\n    term.attribute?.control.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.attribute?.control.type)\n  const operatorControlTypeIsIncludedInTranslationEnum =\n    term.operator?.control?.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type)\n\n  return !!(\n    attributeControlTypeIsIncludedInTranslationEnum ||\n    operatorControlTypeIsIncludedInTranslationEnum\n  )\n}\n"],"names":["DisplayValue","DisplayValueBadge","EControlType","shouldBeTranslated","className","onDelete","value","theme","useMantineTheme","t","useTranslation","colorScheme","useMantineColorScheme","isDarkScheme","badgeFGColor","black","colors","gray","badgeBGColor","TermBadge","label","color","bgColor","showDeleteButton","termId","term","useFilterTerm","state","setState","useFilter","i18n","transform","transformValueBasedOnControlType","buildDisplayValueTransformMap","language","ELanguage","fromString","checkIfDisplayValueShouldBeTranslated","handlePopOverClick","event","stopPropagation","termsCollapsed","attribute","control","type","STRING","Array","isArray","values","length","splice","map","val","termClasses","span","onClick","Popover","Target","button","classes","data-testid","data-readonly-clickable","FilterBadge","white","border","borderRadius","Dropdown","div","badge","CONTROL_TYPES_WITH_TRANSLATION","ENUM","attributeControlTypeIsIncludedInTranslationEnum","includes","operatorControlTypeIsIncludedInTranslationEnum","operator"],"mappings":"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"}

package/lib/cjs/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FilterFieldDatePicker",{enumerable:true,get:function(){return FilterFieldDatePicker}});const _jsxruntime=require("react/jsx-runtime");const _useFilter=require("../../../utils/hooks/useFilter");const _Form=require("../../../../Form");const _react=require("react");const FilterFieldDatePicker=props=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(props.termId);(0,_react.useEffect)(()=>{document.body.addEventListener("keydown",props.onKeyDown);return()=>document.body.removeEventListener("keydown",props.onKeyDown)},[]);if(!term)return null;return(0,_jsxruntime.jsx)(_Form.DatePickerPopUp,{defaultValue:new Date,style:{marginTop:"100px"},onChange:val=>{var _val_getTime;handleValueChange((val===null||val===void 0?void 0:(_val_getTime=val.getTime)===null||_val_getTime===void 0?void 0:_val_getTime.call(val))||0,true)}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FilterFieldDatePicker",{enumerable:true,get:function(){return FilterFieldDatePicker}});const _jsxruntime=require("react/jsx-runtime");const _useFilter=require("../../../utils/hooks/useFilter");const _Form=require("../../../../Form");const _react=require("react");const FilterFieldDatePicker=props=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(props.termId);(0,_react.useEffect)(()=>{document.body.addEventListener("keydown",props.onKeyDown);return()=>document.body.removeEventListener("keydown",props.onKeyDown)},[]);if(!term)return null;return(0,_jsxruntime.jsx)(_Form.DatePickerPopUp,{defaultValue:new Date,style:{marginTop:"100px"},onChange:val=>{handleValueChange(val||0,true)}})};
 //# sourceMappingURL=FilterFieldDatePicker.js.map

package/lib/cjs/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { DatePickerPopUp } from \"../../../../Form\"\nimport { useEffect } from \"react\"\n\nexport const FilterFieldDatePicker: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n\n  useEffect(() => {\n    document.body.addEventListener(\"keydown\", props.onKeyDown)\n    return () => document.body.removeEventListener(\"keydown\", props.onKeyDown)\n  }, [])\n\n  if (!term) return null\n  return (\n    <DatePickerPopUp\n      defaultValue={new Date()}\n      style={{\n        marginTop: \"100px\",\n      }}\n      onChange={(val) => {\n        handleValueChange(val?.getTime?.() || 0, true)\n      }}\n    />\n  )\n}\n"],"names":["FilterFieldDatePicker","props","handleValueChange","term","useFilterTerm","termId","useEffect","document","body","addEventListener","onKeyDown","removeEventListener","DatePickerPopUp","defaultValue","Date","style","marginTop","onChange","val","getTime"],"mappings":"oGASaA,+DAAAA,iGAJiB,sDACE,yCACN,SAEnB,MAAMA,sBAAoD,AAACC,QAChE,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACH,MAAMI,MAAM,EAE9DC,GAAAA,gBAAS,EAAC,KACRC,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWR,MAAMS,SAAS,EACzD,MAAO,IAAMH,SAASC,IAAI,CAACG,mBAAmB,CAAC,UAAWV,MAAMS,SAAS,CAC3E,EAAG,EAAE,EAEL,GAAI,CAACP,KAAM,OAAO,KAClB,MACE,oBAACS,qBAAe,EACdC,aAAc,IAAIC,KAClBC,MAAO,CACLC,UAAW,OACb,EACAC,SAAU,AAACC,UACSA,aAAlBhB,kBAAkBgB,CAAAA,YAAAA,qBAAAA,aAAAA,IAAKC,OAAO,UAAZD,6BAAAA,kBAAAA,OAAoB,EAAG,KAC3C,GAGN"}
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { DatePickerPopUp } from \"../../../../Form\"\nimport { useEffect } from \"react\"\n\nexport const FilterFieldDatePicker: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n\n  useEffect(() => {\n    document.body.addEventListener(\"keydown\", props.onKeyDown)\n    return () => document.body.removeEventListener(\"keydown\", props.onKeyDown)\n  }, [])\n\n  if (!term) return null\n  return (\n    <DatePickerPopUp\n      defaultValue={new Date()}\n      style={{\n        marginTop: \"100px\",\n      }}\n      onChange={(val) => {\n        handleValueChange(val || 0, true)\n      }}\n    />\n  )\n}\n"],"names":["FilterFieldDatePicker","props","handleValueChange","term","useFilterTerm","termId","useEffect","document","body","addEventListener","onKeyDown","removeEventListener","DatePickerPopUp","defaultValue","Date","style","marginTop","onChange","val"],"mappings":"oGASaA,+DAAAA,iGAJiB,sDACE,yCACN,SAEnB,MAAMA,sBAAoD,AAACC,QAChE,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACH,MAAMI,MAAM,EAE9DC,GAAAA,gBAAS,EAAC,KACRC,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWR,MAAMS,SAAS,EACzD,MAAO,IAAMH,SAASC,IAAI,CAACG,mBAAmB,CAAC,UAAWV,MAAMS,SAAS,CAC3E,EAAG,EAAE,EAEL,GAAI,CAACP,KAAM,OAAO,KAClB,MACE,oBAACS,qBAAe,EACdC,aAAc,IAAIC,KAClBC,MAAO,CACLC,UAAW,OACb,EACAC,SAAU,AAACC,MACThB,kBAAkBgB,KAAO,EAAG,KAC9B,GAGN"}

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

@@ -1 +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":["DatePickerPopUp","DatePickerPopupRaw","props","ref","MantineDatePicker","onChange","value","className","classes","calendar","classNames","forwardRef"],"mappings":"mPAsBaA,yBAAAA,qBAdAC,4BAAAA,0FAHmC,uCACP,kFACrB,u1CACb,MAAMA,mBAAqB,CAACC,MAAwBC,OACzD,MACE,oBAACC,iBAAiB,wCACZF,QACJG,SAAU,AAACC,YAAUJ,uBAAAA,gBAAAA,MAAMG,QAAQ,UAAdH,gCAAAA,qBAAAA,MAAiBI,QACtCH,IAAKA,IACLI,UAAWC,4BAAO,CAACC,QAAQ,CAC3BC,WAAY,kBACPR,MAAMQ,UAAU,IAI3B,EAEO,MAAMV,gBAAkBW,GAAAA,iBAAU,EAACV"}
+{"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 } 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)}\n      ref={ref}\n      className={classes.calendar}\n      classNames={{\n        ...props.classNames,\n      }}\n    />\n  )\n}\n\nexport const DatePickerPopUp = forwardRef(DatePickerPopupRaw)\n"],"names":["DatePickerPopUp","DatePickerPopupRaw","props","ref","MantineDatePicker","onChange","value","className","classes","calendar","classNames","forwardRef"],"mappings":"mPAsBaA,yBAAAA,qBAdAC,4BAAAA,0FAHmC,uCACP,kFACrB,u1CACb,MAAMA,mBAAqB,CAACC,MAAwBC,OACzD,MACE,oBAACC,iBAAiB,wCACZF,QACJG,SAAU,AAACC,YAAUJ,uBAAAA,gBAAAA,MAAMG,QAAQ,UAAdH,gCAAAA,qBAAAA,MAAiBI,QACtCH,IAAKA,IACLI,UAAWC,4BAAO,CAACC,QAAQ,CAC3BC,WAAY,kBACPR,MAAMQ,UAAU,IAI3B,EAEO,MAAMV,gBAAkBW,GAAAA,iBAAU,EAACV"}

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

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

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

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

package/lib/cjs/components/TextWithTooltip/TextWithTooltip.module.css

@@ -1 +1 @@
-.text{white-space:nowrap}.tooltip{max-width:fit-content}
+span .text{white-space:nowrap}.tooltip{max-width:fit-content}

package/lib/esm/components/Filter/TermContainer/Term/DisplayValue/index.js

@@ -1,2 +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,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{TermBadge}from"../TermBadge";import React from"react";import{FilterBadge}from"../../../utils/FilterBadge";import{Popover,useMantineColorScheme,useMantineTheme}from"@mantine/core";import{useFilter,useFilterTerm}from"../../../utils/hooks/useFilter";import{useTranslation}from"react-i18next";import{ELanguage,TFilter}from"../../../utils";import{buildDisplayValueTransformMap,transformValueBasedOnControlType}from"../../../utils/transformHelpers";const EControlType=TFilter.EControlType;import classes from"./index.module.css";import termClasses from"../index.module.css";export const DisplayValueBadge=({shouldBeTranslated,className,onDelete,value})=>{const theme=useMantineTheme();const{t}=useTranslation();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.colors.gray[9];const badgeBGColor=isDarkScheme?theme.colors.gray[5]:theme.colors.gray[1];return _jsx(TermBadge,{label:shouldBeTranslated?t(`${value}`):`${value}`,onDelete:()=>onDelete(value),color:badgeFGColor,bgColor:badgeBGColor,className:className,showDeleteButton:true})};export const DisplayValue=({termId,onDelete})=>{var _term_attribute;const{term}=useFilterTerm(termId);const{state,setState}=useFilter();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{i18n}=useTranslation();const transform=transformValueBasedOnControlType(buildDisplayValueTransformMap({language:ELanguage.fromString(i18n===null||i18n===void 0?void 0:i18n.language),term}));const theme=useMantineTheme();if(!term)return null;const shouldBeTranslated=checkIfDisplayValueShouldBeTranslated(term);const handlePopOverClick=event=>{event.stopPropagation();setState(_object_spread_props(_object_spread({},state),{termsCollapsed:false}))};const value=transform(((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)||EControlType.STRING,term);if(Array.isArray(value)){const values=[...value];if(value.length>3){return _jsxs(_Fragment,{children:[values.splice(0,3).map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val)),_jsx("span",{onClick:handlePopOverClick,children:_jsxs(Popover,{children:[_jsx(Popover.Target,{children:_jsx("button",{className:classes.button,"data-testid":"filter-popover-button",onClick:e=>{e.stopPropagation()},"data-readonly-clickable":true,children:_jsxs(FilterBadge,{color:isDarkScheme?theme.white:theme.black,bgColor:isDarkScheme?theme.colors.gray[8]:theme.white,border:`1px solid ${isDarkScheme?theme.colors.gray[1]:theme.colors.gray[6]}`,borderRadius:"2px",children:["+",values.length]})})}),_jsx(Popover.Dropdown,{children:_jsx("div",{"data-testid":"filter-popover-dropdown",children:values.map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:classes.badge,shouldBeTranslated:shouldBeTranslated},val))})})]})})]})}return _jsx(_Fragment,{children:value.map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val))})}return _jsx(DisplayValueBadge,{value:value,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},value)};const checkIfDisplayValueShouldBeTranslated=term=>{var _term_attribute,_term_attribute1,_term_operator_control,_term_operator;const CONTROL_TYPES_WITH_TRANSLATION=[EControlType.ENUM];const attributeControlTypeIsIncludedInTranslationEnum=((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes((_term_attribute1=term.attribute)===null||_term_attribute1===void 0?void 0:_term_attribute1.control.type);const operatorControlTypeIsIncludedInTranslationEnum=((_term_operator=term.operator)===null||_term_operator===void 0?void 0:(_term_operator_control=_term_operator.control)===null||_term_operator_control===void 0?void 0:_term_operator_control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type);return!!(attributeControlTypeIsIncludedInTranslationEnum||operatorControlTypeIsIncludedInTranslationEnum)};
+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,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{TermBadge}from"../TermBadge";import React from"react";import{FilterBadge}from"../../../utils/FilterBadge";import{Popover,useMantineColorScheme,useMantineTheme}from"@mantine/core";import{useFilter,useFilterTerm}from"../../../utils/hooks/useFilter";import{useTranslation}from"react-i18next";import{ELanguage,TFilter}from"../../../utils";import{buildDisplayValueTransformMap,transformValueBasedOnControlType}from"../../../utils/transformHelpers";const EControlType=TFilter.EControlType;import classes from"./index.module.css";import termClasses from"../index.module.css";export const DisplayValueBadge=({shouldBeTranslated,className,onDelete,value})=>{const theme=useMantineTheme();const{t}=useTranslation();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.colors.gray[9];const badgeBGColor=isDarkScheme?theme.colors.gray[5]:theme.colors.gray[1];return _jsx(TermBadge,{label:shouldBeTranslated?t(`${value}`):`${value}`,onDelete:()=>onDelete(value),color:badgeFGColor,bgColor:badgeBGColor,className:className,showDeleteButton:true})};export const DisplayValue=({termId,onDelete})=>{var _term_attribute;const{term}=useFilterTerm(termId);const{state,setState}=useFilter();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{i18n}=useTranslation();const transform=transformValueBasedOnControlType(buildDisplayValueTransformMap({language:ELanguage.fromString(i18n===null||i18n===void 0?void 0:i18n.language),term}));const theme=useMantineTheme();if(!term)return null;const shouldBeTranslated=checkIfDisplayValueShouldBeTranslated(term);const handlePopOverClick=event=>{event.stopPropagation();setState(_object_spread_props(_object_spread({},state),{termsCollapsed:false}))};const value=transform(((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)||EControlType.STRING,term);if(Array.isArray(value)){const values=[...value];if(value.length>3){return _jsxs(_Fragment,{children:[values.splice(0,3).map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val)),_jsx("span",{onClick:handlePopOverClick,children:_jsxs(Popover,{children:[_jsx(Popover.Target,{children:_jsx("button",{className:classes.button,"data-testid":"filter-popover-button","data-readonly-clickable":true,children:_jsxs(FilterBadge,{color:isDarkScheme?theme.white:theme.black,bgColor:isDarkScheme?theme.colors.gray[8]:theme.white,border:`1px solid ${isDarkScheme?theme.colors.gray[1]:theme.colors.gray[6]}`,borderRadius:"2px",children:["+",values.length]})})}),_jsx(Popover.Dropdown,{children:_jsx("div",{"data-testid":"filter-popover-dropdown",children:values.map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:classes.badge,shouldBeTranslated:shouldBeTranslated},val))})})]})})]})}return _jsx(_Fragment,{children:value.map(val=>_jsx(DisplayValueBadge,{value:val,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},val))})}return _jsx(DisplayValueBadge,{value:value,onDelete:onDelete,className:termClasses["badge-with-margin"],shouldBeTranslated:shouldBeTranslated},value)};const checkIfDisplayValueShouldBeTranslated=term=>{var _term_attribute,_term_attribute1,_term_operator_control,_term_operator;const CONTROL_TYPES_WITH_TRANSLATION=[EControlType.ENUM];const attributeControlTypeIsIncludedInTranslationEnum=((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes((_term_attribute1=term.attribute)===null||_term_attribute1===void 0?void 0:_term_attribute1.control.type);const operatorControlTypeIsIncludedInTranslationEnum=((_term_operator=term.operator)===null||_term_operator===void 0?void 0:(_term_operator_control=_term_operator.control)===null||_term_operator_control===void 0?void 0:_term_operator_control.type)&&CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type);return!!(attributeControlTypeIsIncludedInTranslationEnum||operatorControlTypeIsIncludedInTranslationEnum)};
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Filter/TermContainer/Term/DisplayValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TermBadge } from \"../TermBadge\"\nimport React, { MouseEventHandler } from \"react\"\nimport { FilterBadge } from \"../../../utils/FilterBadge\"\nimport { Popover, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter, useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { ELanguage, TFilter } from \"../../../utils\"\nimport {\n  buildDisplayValueTransformMap,\n  transformValueBasedOnControlType,\n} from \"../../../utils/transformHelpers\"\nimport EControlType = TFilter.EControlType\nimport classes from \"./index.module.css\"\nimport termClasses from \"../index.module.css\"\ntype TDisplayValueProps = {\n  onDelete: (val: string | number) => void\n  termId: number\n}\n\ntype TDisplayValueBadgeProps = {\n  shouldBeTranslated: boolean\n  className?: string\n  onDelete: (val: string | number) => void\n  value: string | number\n}\nexport const DisplayValueBadge = ({\n  shouldBeTranslated,\n  className,\n  onDelete,\n  value,\n}: TDisplayValueBadgeProps) => {\n  const theme = useMantineTheme()\n  const { t } = useTranslation()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.colors.gray[9]\n  const badgeBGColor = isDarkScheme ? theme.colors.gray[5] : theme.colors.gray[1]\n\n  return (\n    <TermBadge\n      label={shouldBeTranslated ? t(`${value}`) : `${value}`}\n      onDelete={() => onDelete(value)}\n      color={badgeFGColor}\n      bgColor={badgeBGColor}\n      className={className}\n      showDeleteButton={true}\n    />\n  )\n}\n\n/**\n * The Read part of the **Value**.\n * This component handles single- and multi-values. It displays up to 3 values using the **DisplayValueBadge**.\n * If there are more than 3 values, it additionally renders a clickable popover, that shows the extra values inside **DisplayValueBadges**\n * @param termId ID of the current term\n * @param onDelete Callback that is called when the cross icon is clicked\n */\nexport const DisplayValue: React.FC<TDisplayValueProps> = ({ termId, onDelete }) => {\n  const { term } = useFilterTerm(termId)\n  const { state, setState } = useFilter()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const { i18n } = useTranslation()\n  const transform = transformValueBasedOnControlType(\n    buildDisplayValueTransformMap({\n      language: ELanguage.fromString(i18n?.language),\n      term,\n    })\n  )\n\n  const theme = useMantineTheme()\n  if (!term) return null\n\n  const shouldBeTranslated = checkIfDisplayValueShouldBeTranslated(term)\n\n  const handlePopOverClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n    setState({\n      ...state,\n      termsCollapsed: false,\n    })\n  }\n\n  const value = transform(term.attribute?.control.type || EControlType.STRING, term)\n\n  if (Array.isArray(value)) {\n    const values: Array<string | number> = [...value]\n    if (value.length > 3) {\n      return (\n        <>\n          {values.splice(0, 3).map((val) => (\n            <DisplayValueBadge\n              key={val}\n              value={val}\n              onDelete={onDelete}\n              className={termClasses[\"badge-with-margin\"]}\n              shouldBeTranslated={shouldBeTranslated}\n            />\n          ))}\n          <span onClick={handlePopOverClick}>\n            <Popover>\n              <Popover.Target>\n                <button\n                  className={classes.button}\n                  data-testid={\"filter-popover-button\"}\n                  onClick={(e) => {\n                    e.stopPropagation()\n                  }}\n                  data-readonly-clickable\n                >\n                  <FilterBadge\n                    color={isDarkScheme ? theme.white : theme.black}\n                    bgColor={isDarkScheme ? theme.colors.gray[8] : theme.white}\n                    border={`1px solid ${isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[6]}`}\n                    borderRadius={\"2px\"}\n                  >\n                    +{values.length}\n                  </FilterBadge>\n                </button>\n              </Popover.Target>\n              <Popover.Dropdown>\n                <div data-testid={\"filter-popover-dropdown\"}>\n                  {values.map((val) => (\n                    <DisplayValueBadge\n                      key={val}\n                      value={val}\n                      onDelete={onDelete}\n                      className={classes.badge}\n                      shouldBeTranslated={shouldBeTranslated}\n                    />\n                  ))}\n                </div>\n              </Popover.Dropdown>\n            </Popover>\n          </span>\n        </>\n      )\n    }\n    return (\n      <>\n        {value.map((val) => (\n          <DisplayValueBadge\n            key={val}\n            value={val}\n            onDelete={onDelete}\n            className={termClasses[\"badge-with-margin\"]}\n            shouldBeTranslated={shouldBeTranslated}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <DisplayValueBadge\n      key={value}\n      value={value}\n      onDelete={onDelete}\n      className={termClasses[\"badge-with-margin\"]}\n      shouldBeTranslated={shouldBeTranslated}\n    />\n  )\n}\nconst checkIfDisplayValueShouldBeTranslated = (term: TFilter.Internal.Term.State) => {\n  const CONTROL_TYPES_WITH_TRANSLATION = [EControlType.ENUM]\n\n  const attributeControlTypeIsIncludedInTranslationEnum =\n    term.attribute?.control.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.attribute?.control.type)\n  const operatorControlTypeIsIncludedInTranslationEnum =\n    term.operator?.control?.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type)\n\n  return !!(\n    attributeControlTypeIsIncludedInTranslationEnum ||\n    operatorControlTypeIsIncludedInTranslationEnum\n  )\n}\n"],"names":["TermBadge","React","FilterBadge","Popover","useMantineColorScheme","useMantineTheme","useFilter","useFilterTerm","useTranslation","ELanguage","TFilter","buildDisplayValueTransformMap","transformValueBasedOnControlType","EControlType","classes","termClasses","DisplayValueBadge","shouldBeTranslated","className","onDelete","value","theme","t","colorScheme","isDarkScheme","badgeFGColor","black","colors","gray","badgeBGColor","label","color","bgColor","showDeleteButton","DisplayValue","termId","term","state","setState","i18n","transform","language","fromString","checkIfDisplayValueShouldBeTranslated","handlePopOverClick","event","stopPropagation","termsCollapsed","attribute","control","type","STRING","Array","isArray","values","length","splice","map","val","span","onClick","Target","button","data-testid","e","data-readonly-clickable","white","border","borderRadius","Dropdown","div","badge","CONTROL_TYPES_WITH_TRANSLATION","ENUM","attributeControlTypeIsIncludedInTranslationEnum","includes","operatorControlTypeIsIncludedInTranslationEnum","operator"],"mappings":"qzCAIA,QAASA,SAAS,KAAQ,cAAc,AACxC,QAAOC,UAAkC,OAAO,AAChD,QAASC,WAAW,KAAQ,4BAA4B,AACxD,QAASC,OAAO,CAAEC,qBAAqB,CAAEC,eAAe,KAAQ,eAAe,AAC/E,QAASC,SAAS,CAAEC,aAAa,KAAQ,gCAAgC,AACzE,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAASC,SAAS,CAAEC,OAAO,KAAQ,gBAAgB,AACnD,QACEC,6BAA6B,CAC7BC,gCAAgC,KAC3B,iCAAiC,CACxC,MAAOC,aAAe,QAAQ,YAAY,AAC1C,QAAOC,YAAa,oBAAoB,AACxC,QAAOC,gBAAiB,qBAAqB,AAY7C,QAAO,MAAMC,kBAAoB,CAAC,CAChCC,kBAAkB,CAClBC,SAAS,CACTC,QAAQ,CACRC,KAAK,CACmB,IACxB,MAAMC,MAAQhB,kBACd,KAAM,CAAEiB,CAAC,CAAE,CAAGd,iBACd,KAAM,CAAEe,WAAW,CAAE,CAAGnB,wBACxB,MAAMoB,aAAeD,cAAgB,OACrC,MAAME,aAAeD,aAAeH,MAAMK,KAAK,CAAGL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CACtE,MAAMC,aAAeL,aAAeH,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAE/E,OACE,KAAC5B,WACC8B,MAAOb,mBAAqBK,EAAE,CAAC,EAAEF,MAAM,CAAC,EAAI,CAAC,EAAEA,MAAM,CAAC,CACtDD,SAAU,IAAMA,SAASC,OACzBW,MAAON,aACPO,QAASH,aACTX,UAAWA,UACXe,iBAAkB,MAGxB,CAAC,AASD,QAAO,MAAMC,aAA6C,CAAC,CAAEC,MAAM,CAAEhB,QAAQ,CAAE,QA0BrDiB,gBAzBxB,KAAM,CAAEA,IAAI,CAAE,CAAG7B,cAAc4B,QAC/B,KAAM,CAAEE,KAAK,CAAEC,QAAQ,CAAE,CAAGhC,YAC5B,KAAM,CAAEiB,WAAW,CAAE,CAAGnB,wBACxB,MAAMoB,aAAeD,cAAgB,OACrC,KAAM,CAAEgB,IAAI,CAAE,CAAG/B,iBACjB,MAAMgC,UAAY5B,iCAChBD,8BAA8B,CAC5B8B,SAAUhC,UAAUiC,UAAU,CAACH,aAAAA,qBAAAA,KAAME,QAAQ,EAC7CL,IACF,IAGF,MAAMf,MAAQhB,kBACd,GAAI,CAAC+B,KAAM,OAAO,KAElB,MAAMnB,mBAAqB0B,sCAAsCP,MAEjE,MAAMQ,mBAAyD,AAACC,QAC9DA,MAAMC,eAAe,GACrBR,SAAS,uCACJD,QACHU,eAAgB,QAEpB,EAEA,MAAM3B,MAAQoB,UAAUJ,EAAAA,gBAAAA,KAAKY,SAAS,UAAdZ,gCAAAA,gBAAgBa,OAAO,CAACC,IAAI,GAAIrC,aAAasC,MAAM,CAAEf,MAE7E,GAAIgB,MAAMC,OAAO,CAACjC,OAAQ,CACxB,MAAMkC,OAAiC,IAAIlC,MAAM,CACjD,GAAIA,MAAMmC,MAAM,CAAG,EAAG,CACpB,OACE,2BACGD,OAAOE,MAAM,CAAC,EAAG,GAAGC,GAAG,CAAC,AAACC,KACxB,KAAC1C,mBAECI,MAAOsC,IACPvC,SAAUA,SACVD,UAAWH,WAAW,CAAC,oBAAoB,CAC3CE,mBAAoBA,oBAJfyC,MAOT,KAACC,QAAKC,QAAShB,4BACb,MAACzC,mBACC,KAACA,QAAQ0D,MAAM,WACb,KAACC,UACC5C,UAAWJ,QAAQgD,MAAM,CACzBC,cAAa,wBACbH,QAAS,AAACI,IACRA,EAAElB,eAAe,EACnB,EACAmB,yBAAuB,eAEvB,MAAC/D,aACC6B,MAAOP,aAAeH,MAAM6C,KAAK,CAAG7C,MAAMK,KAAK,CAC/CM,QAASR,aAAeH,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGP,MAAM6C,KAAK,CAC1DC,OAAQ,CAAC,UAAU,EAAE3C,aAAeH,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CACjFwC,aAAc,gBACf,IACGd,OAAOC,MAAM,QAIrB,KAACpD,QAAQkE,QAAQ,WACf,KAACC,OAAIP,cAAa,mCACfT,OAAOG,GAAG,CAAC,AAACC,KACX,KAAC1C,mBAECI,MAAOsC,IACPvC,SAAUA,SACVD,UAAWJ,QAAQyD,KAAK,CACxBtD,mBAAoBA,oBAJfyC,iBAavB,CACA,OACE,yBACGtC,MAAMqC,GAAG,CAAC,AAACC,KACV,KAAC1C,mBAECI,MAAOsC,IACPvC,SAAUA,SACVD,UAAWH,WAAW,CAAC,oBAAoB,CAC3CE,mBAAoBA,oBAJfyC,OASf,CAEA,OACE,KAAC1C,mBAECI,MAAOA,MACPD,SAAUA,SACVD,UAAWH,WAAW,CAAC,oBAAoB,CAC3CE,mBAAoBA,oBAJfG,MAOX,CAAC,CACD,MAAMuB,sCAAwC,AAACP,WAI3CA,gBACwCA,iBAExCA,uBAAAA,eANF,MAAMoC,+BAAiC,CAAC3D,aAAa4D,IAAI,CAAC,CAE1D,MAAMC,gDACJtC,EAAAA,gBAAAA,KAAKY,SAAS,UAAdZ,gCAAAA,gBAAgBa,OAAO,CAACC,IAAI,GAC5BsB,+BAA+BG,QAAQ,EAACvC,iBAAAA,KAAKY,SAAS,UAAdZ,iCAAAA,iBAAgBa,OAAO,CAACC,IAAI,EACtE,MAAM0B,+CACJxC,EAAAA,eAAAA,KAAKyC,QAAQ,UAAbzC,gCAAAA,uBAAAA,eAAea,OAAO,UAAtBb,uCAAAA,uBAAwBc,IAAI,GAC5BsB,+BAA+BG,QAAQ,CAACvC,KAAKyC,QAAQ,CAAC5B,OAAO,CAACC,IAAI,EAEpE,MAAO,CAAC,CACNwB,CAAAA,iDACAE,8CAA6C,CAEjD"}
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TermBadge } from \"../TermBadge\"\nimport React, { MouseEventHandler } from \"react\"\nimport { FilterBadge } from \"../../../utils/FilterBadge\"\nimport { Popover, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter, useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { ELanguage, TFilter } from \"../../../utils\"\nimport {\n  buildDisplayValueTransformMap,\n  transformValueBasedOnControlType,\n} from \"../../../utils/transformHelpers\"\nimport EControlType = TFilter.EControlType\nimport classes from \"./index.module.css\"\nimport termClasses from \"../index.module.css\"\ntype TDisplayValueProps = {\n  onDelete: (val: string | number) => void\n  termId: number\n}\n\ntype TDisplayValueBadgeProps = {\n  shouldBeTranslated: boolean\n  className?: string\n  onDelete: (val: string | number) => void\n  value: string | number\n}\nexport const DisplayValueBadge = ({\n  shouldBeTranslated,\n  className,\n  onDelete,\n  value,\n}: TDisplayValueBadgeProps) => {\n  const theme = useMantineTheme()\n  const { t } = useTranslation()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.colors.gray[9]\n  const badgeBGColor = isDarkScheme ? theme.colors.gray[5] : theme.colors.gray[1]\n\n  return (\n    <TermBadge\n      label={shouldBeTranslated ? t(`${value}`) : `${value}`}\n      onDelete={() => onDelete(value)}\n      color={badgeFGColor}\n      bgColor={badgeBGColor}\n      className={className}\n      showDeleteButton={true}\n    />\n  )\n}\n\n/**\n * The Read part of the **Value**.\n * This component handles single- and multi-values. It displays up to 3 values using the **DisplayValueBadge**.\n * If there are more than 3 values, it additionally renders a clickable popover, that shows the extra values inside **DisplayValueBadges**\n * @param termId ID of the current term\n * @param onDelete Callback that is called when the cross icon is clicked\n */\nexport const DisplayValue: React.FC<TDisplayValueProps> = ({ termId, onDelete }) => {\n  const { term } = useFilterTerm(termId)\n  const { state, setState } = useFilter()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const { i18n } = useTranslation()\n  const transform = transformValueBasedOnControlType(\n    buildDisplayValueTransformMap({\n      language: ELanguage.fromString(i18n?.language),\n      term,\n    })\n  )\n\n  const theme = useMantineTheme()\n  if (!term) return null\n\n  const shouldBeTranslated = checkIfDisplayValueShouldBeTranslated(term)\n\n  const handlePopOverClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    event.stopPropagation()\n    setState({\n      ...state,\n      termsCollapsed: false,\n    })\n  }\n\n  const value = transform(term.attribute?.control.type || EControlType.STRING, term)\n\n  if (Array.isArray(value)) {\n    const values: Array<string | number> = [...value]\n    if (value.length > 3) {\n      return (\n        <>\n          {values.splice(0, 3).map((val) => (\n            <DisplayValueBadge\n              key={val}\n              value={val}\n              onDelete={onDelete}\n              className={termClasses[\"badge-with-margin\"]}\n              shouldBeTranslated={shouldBeTranslated}\n            />\n          ))}\n          <span onClick={handlePopOverClick}>\n            <Popover>\n              <Popover.Target>\n                <button\n                  className={classes.button}\n                  data-testid={\"filter-popover-button\"}\n                  data-readonly-clickable\n                >\n                  <FilterBadge\n                    color={isDarkScheme ? theme.white : theme.black}\n                    bgColor={isDarkScheme ? theme.colors.gray[8] : theme.white}\n                    border={`1px solid ${isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[6]}`}\n                    borderRadius={\"2px\"}\n                  >\n                    +{values.length}\n                  </FilterBadge>\n                </button>\n              </Popover.Target>\n              <Popover.Dropdown>\n                <div data-testid={\"filter-popover-dropdown\"}>\n                  {values.map((val) => (\n                    <DisplayValueBadge\n                      key={val}\n                      value={val}\n                      onDelete={onDelete}\n                      className={classes.badge}\n                      shouldBeTranslated={shouldBeTranslated}\n                    />\n                  ))}\n                </div>\n              </Popover.Dropdown>\n            </Popover>\n          </span>\n        </>\n      )\n    }\n    return (\n      <>\n        {value.map((val) => (\n          <DisplayValueBadge\n            key={val}\n            value={val}\n            onDelete={onDelete}\n            className={termClasses[\"badge-with-margin\"]}\n            shouldBeTranslated={shouldBeTranslated}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <DisplayValueBadge\n      key={value}\n      value={value}\n      onDelete={onDelete}\n      className={termClasses[\"badge-with-margin\"]}\n      shouldBeTranslated={shouldBeTranslated}\n    />\n  )\n}\nconst checkIfDisplayValueShouldBeTranslated = (term: TFilter.Internal.Term.State) => {\n  const CONTROL_TYPES_WITH_TRANSLATION = [EControlType.ENUM]\n\n  const attributeControlTypeIsIncludedInTranslationEnum =\n    term.attribute?.control.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.attribute?.control.type)\n  const operatorControlTypeIsIncludedInTranslationEnum =\n    term.operator?.control?.type &&\n    CONTROL_TYPES_WITH_TRANSLATION.includes(term.operator.control.type)\n\n  return !!(\n    attributeControlTypeIsIncludedInTranslationEnum ||\n    operatorControlTypeIsIncludedInTranslationEnum\n  )\n}\n"],"names":["TermBadge","React","FilterBadge","Popover","useMantineColorScheme","useMantineTheme","useFilter","useFilterTerm","useTranslation","ELanguage","TFilter","buildDisplayValueTransformMap","transformValueBasedOnControlType","EControlType","classes","termClasses","DisplayValueBadge","shouldBeTranslated","className","onDelete","value","theme","t","colorScheme","isDarkScheme","badgeFGColor","black","colors","gray","badgeBGColor","label","color","bgColor","showDeleteButton","DisplayValue","termId","term","state","setState","i18n","transform","language","fromString","checkIfDisplayValueShouldBeTranslated","handlePopOverClick","event","stopPropagation","termsCollapsed","attribute","control","type","STRING","Array","isArray","values","length","splice","map","val","span","onClick","Target","button","data-testid","data-readonly-clickable","white","border","borderRadius","Dropdown","div","badge","CONTROL_TYPES_WITH_TRANSLATION","ENUM","attributeControlTypeIsIncludedInTranslationEnum","includes","operatorControlTypeIsIncludedInTranslationEnum","operator"],"mappings":"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"}

package/lib/esm/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.js

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{DatePickerPopUp}from"../../../../Form";import{useEffect}from"react";export const FilterFieldDatePicker=props=>{const{handleValueChange,term}=useFilterTerm(props.termId);useEffect(()=>{document.body.addEventListener("keydown",props.onKeyDown);return()=>document.body.removeEventListener("keydown",props.onKeyDown)},[]);if(!term)return null;return _jsx(DatePickerPopUp,{defaultValue:new Date,style:{marginTop:"100px"},onChange:val=>{var _val_getTime;handleValueChange((val===null||val===void 0?void 0:(_val_getTime=val.getTime)===null||_val_getTime===void 0?void 0:_val_getTime.call(val))||0,true)}})};
+import{jsx as _jsx}from"react/jsx-runtime";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{DatePickerPopUp}from"../../../../Form";import{useEffect}from"react";export const FilterFieldDatePicker=props=>{const{handleValueChange,term}=useFilterTerm(props.termId);useEffect(()=>{document.body.addEventListener("keydown",props.onKeyDown);return()=>document.body.removeEventListener("keydown",props.onKeyDown)},[]);if(!term)return null;return _jsx(DatePickerPopUp,{defaultValue:new Date,style:{marginTop:"100px"},onChange:val=>{handleValueChange(val||0,true)}})};
 //# sourceMappingURL=FilterFieldDatePicker.js.map

package/lib/esm/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { DatePickerPopUp } from \"../../../../Form\"\nimport { useEffect } from \"react\"\n\nexport const FilterFieldDatePicker: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n\n  useEffect(() => {\n    document.body.addEventListener(\"keydown\", props.onKeyDown)\n    return () => document.body.removeEventListener(\"keydown\", props.onKeyDown)\n  }, [])\n\n  if (!term) return null\n  return (\n    <DatePickerPopUp\n      defaultValue={new Date()}\n      style={{\n        marginTop: \"100px\",\n      }}\n      onChange={(val) => {\n        handleValueChange(val?.getTime?.() || 0, true)\n      }}\n    />\n  )\n}\n"],"names":["useFilterTerm","DatePickerPopUp","useEffect","FilterFieldDatePicker","props","handleValueChange","term","termId","document","body","addEventListener","onKeyDown","removeEventListener","defaultValue","Date","style","marginTop","onChange","val","getTime"],"mappings":"0CAKA,QAASA,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,eAAe,KAAQ,kBAAkB,AAClD,QAASC,SAAS,KAAQ,OAAO,AAEjC,QAAO,MAAMC,sBAAoD,AAACC,QAChE,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGN,cAAcI,MAAMG,MAAM,EAE9DL,UAAU,KACRM,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWN,MAAMO,SAAS,EACzD,MAAO,IAAMH,SAASC,IAAI,CAACG,mBAAmB,CAAC,UAAWR,MAAMO,SAAS,CAC3E,EAAG,EAAE,EAEL,GAAI,CAACL,KAAM,OAAO,KAClB,OACE,KAACL,iBACCY,aAAc,IAAIC,KAClBC,MAAO,CACLC,UAAW,OACb,EACAC,SAAU,AAACC,UACSA,aAAlBb,kBAAkBa,CAAAA,YAAAA,qBAAAA,aAAAA,IAAKC,OAAO,UAAZD,6BAAAA,kBAAAA,OAAoB,EAAG,KAC3C,GAGN,CAAC"}
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/FilterFieldDatePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { DatePickerPopUp } from \"../../../../Form\"\nimport { useEffect } from \"react\"\n\nexport const FilterFieldDatePicker: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n\n  useEffect(() => {\n    document.body.addEventListener(\"keydown\", props.onKeyDown)\n    return () => document.body.removeEventListener(\"keydown\", props.onKeyDown)\n  }, [])\n\n  if (!term) return null\n  return (\n    <DatePickerPopUp\n      defaultValue={new Date()}\n      style={{\n        marginTop: \"100px\",\n      }}\n      onChange={(val) => {\n        handleValueChange(val || 0, true)\n      }}\n    />\n  )\n}\n"],"names":["useFilterTerm","DatePickerPopUp","useEffect","FilterFieldDatePicker","props","handleValueChange","term","termId","document","body","addEventListener","onKeyDown","removeEventListener","defaultValue","Date","style","marginTop","onChange","val"],"mappings":"0CAKA,QAASA,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,eAAe,KAAQ,kBAAkB,AAClD,QAASC,SAAS,KAAQ,OAAO,AAEjC,QAAO,MAAMC,sBAAoD,AAACC,QAChE,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGN,cAAcI,MAAMG,MAAM,EAE9DL,UAAU,KACRM,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWN,MAAMO,SAAS,EACzD,MAAO,IAAMH,SAASC,IAAI,CAACG,mBAAmB,CAAC,UAAWR,MAAMO,SAAS,CAC3E,EAAG,EAAE,EAEL,GAAI,CAACL,KAAM,OAAO,KAClB,OACE,KAACL,iBACCY,aAAc,IAAIC,KAClBC,MAAO,CACLC,UAAW,OACb,EACAC,SAAU,AAACC,MACTb,kBAAkBa,KAAO,EAAG,KAC9B,GAGN,CAAC"}

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

@@ -1 +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"}
+{"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 } 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)}\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/DateTimePicker.js

@@ -1,2 +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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}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=_0=>{let{onChange,size="md"}=_0,props=_object_without_properties(_0,["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=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["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};
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}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=_0=>{let{onChange,size="md"}=_0,props=_object_without_properties(_0,["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?new Date(e).getTime():0),valueFormat:getDayJsFormatString(language)}))};const DateTimePicker=DateTimePickerRaw;const FormDatetimePicker=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DateTimePicker as MantineDateTimePicker, DateTimePickerProps } from \"@mantine/dates\"\nimport { Controller } from \"react-hook-form\"\nimport { CalendarDays } from \"lucide-react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"..\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { DateTimePickerOnly } from \"./DateTimePickerOnly\"\nimport { useTranslation } from \"react-i18next\"\nimport { getDayJsFormatString } from \"../../../helper\"\nimport { ELanguage } from \"../../../helper/Language\"\nimport classes from \"./DateTimePicker.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\nimport \"@mantine/dates/styles.layer.css\"\nimport \"@mantine/dates/styles.css\"\nimport { useRef } from \"react\"\n\nexport const useStyles = () => {\n  const defaultFormStyles = getDefaultFormStyles()\n\n  return {\n    ...defaultFormStyles,\n    icon: classes.displayNone,\n    displayNone: classes.displayNone,\n  }\n}\n\nexport type TDatetimePickerProps = Omit<DateTimePickerProps, \"onChange\"> & {\n  onChange?: (timestamp: number) => void\n  dateOnly?: boolean\n  placeholder?: string\n}\n/**\n * Provides a raw DateTimePicker component\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param dateOnly Control if only the date should be shown, omitting time\n * @param placeholder A placeholder string used in the component\n * @param onChange callback when date or time are changed\n */\nconst DateTimePickerRaw = ({ onChange, size = \"md\", ...props }: TDatetimePickerProps) => {\n  const classes = useStyles()\n  const { i18n } = useTranslation()\n  const language = (i18n.language || \"en\") as ELanguage\n  const Component = props.dateOnly ? DateTimePickerOnly : MantineDateTimePicker\n  // Create a local ref\n  const pickerInputRef = useRef<HTMLButtonElement>(null)\n  return (\n    <Component\n      placeholder={\"\"}\n      locale={language}\n      rightSection={\n        <CalendarDays\n          color=\"var(--mantine-color-gray-5)\"\n          onClick={() => pickerInputRef.current?.click()} // Use the local ref\n          size={ICON_SIZES.MEDIUM}\n          style={{ cursor: \"pointer\" }}\n        />\n      }\n      {...props}\n      ref={pickerInputRef} // Use the local ref here\n      size={size}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        root: classes.root,\n        ...props.classNames,\n      }}\n      onChange={(e) => onChange?.(e?.getTime() || 0)}\n      valueFormat={getDayJsFormatString(language)}\n    />\n  )\n}\nconst DateTimePicker = DateTimePickerRaw\n\n/**\n * **Form** wrapper for a DatetimePicker component that automagically registers the input to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show server-side validation errors.\n * @param name name of the DateTimePicker used as identifier in the form\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param DateTimePickerProps Additional props as defined by library DateTimePicker\n * @param onChange callback when date or time are changed\n */\nconst FormDatetimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TDatetimePickerProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\n  const errorContext = useErrorContext()\n\n  const formError = form.formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Controller\n      render={({ field }) => (\n        <DateTimePicker\n          value={field.value ? new Date(parseInt(field.value)) : undefined}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n\nexport { DateTimePicker, FormDatetimePicker }\n"],"names":["DateTimePicker","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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"}
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DateTimePicker as MantineDateTimePicker, DateTimePickerProps } from \"@mantine/dates\"\nimport { Controller } from \"react-hook-form\"\nimport { CalendarDays } from \"lucide-react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"..\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { DateTimePickerOnly } from \"./DateTimePickerOnly\"\nimport { useTranslation } from \"react-i18next\"\nimport { getDayJsFormatString } from \"../../../helper\"\nimport { ELanguage } from \"../../../helper/Language\"\nimport classes from \"./DateTimePicker.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\nimport \"@mantine/dates/styles.layer.css\"\nimport \"@mantine/dates/styles.css\"\nimport { useRef } from \"react\"\n\nexport const useStyles = () => {\n  const defaultFormStyles = getDefaultFormStyles()\n\n  return {\n    ...defaultFormStyles,\n    icon: classes.displayNone,\n    displayNone: classes.displayNone,\n  }\n}\n\nexport type TDatetimePickerProps = Omit<DateTimePickerProps, \"onChange\"> & {\n  onChange?: (timestamp: number) => void\n  dateOnly?: boolean\n  placeholder?: string\n}\n/**\n * Provides a raw DateTimePicker component\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param dateOnly Control if only the date should be shown, omitting time\n * @param placeholder A placeholder string used in the component\n * @param onChange callback when date or time are changed\n */\nconst DateTimePickerRaw = ({ onChange, size = \"md\", ...props }: TDatetimePickerProps) => {\n  const classes = useStyles()\n  const { i18n } = useTranslation()\n  const language = (i18n.language || \"en\") as ELanguage\n  const Component = props.dateOnly ? DateTimePickerOnly : MantineDateTimePicker\n  // Create a local ref\n  const pickerInputRef = useRef<HTMLButtonElement>(null)\n  return (\n    <Component\n      placeholder={\"\"}\n      locale={language}\n      rightSection={\n        <CalendarDays\n          color=\"var(--mantine-color-gray-5)\"\n          onClick={() => pickerInputRef.current?.click()} // Use the local ref\n          size={ICON_SIZES.MEDIUM}\n          style={{ cursor: \"pointer\" }}\n        />\n      }\n      {...props}\n      ref={pickerInputRef} // Use the local ref here\n      size={size}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        root: classes.root,\n        ...props.classNames,\n      }}\n      onChange={(e) => onChange?.(e ? new Date(e).getTime() : 0)}\n      valueFormat={getDayJsFormatString(language)}\n    />\n  )\n}\nconst DateTimePicker = DateTimePickerRaw\n\n/**\n * **Form** wrapper for a DatetimePicker component that automagically registers the input to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show server-side validation errors.\n * @param name name of the DateTimePicker used as identifier in the form\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param DateTimePickerProps Additional props as defined by library DateTimePicker\n * @param onChange callback when date or time are changed\n */\nconst FormDatetimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TDatetimePickerProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\n  const errorContext = useErrorContext()\n\n  const formError = form.formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Controller\n      render={({ field }) => (\n        <DateTimePicker\n          value={field.value ? new Date(parseInt(field.value)) : undefined}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n\nexport { DateTimePicker, FormDatetimePicker }\n"],"names":["DateTimePicker","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","Date","getTime","valueFormat","FormDatetimePicker","name","form","register","validate","validation","disabled","errorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","render","field","value","parseInt","undefined","error","length","timestamp","target","defaultValue","control"],"mappings":"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"}

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

@@ -1 +1 @@
-.text{white-space:nowrap}.tooltip{max-width:fit-content}
+span .text{white-space:nowrap}.tooltip{max-width:fit-content}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greenbone/ui-lib",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha1",
   "description": "Greenbone UI Components Mantine v7",
   "types": "types/src/index.d.ts",
   "main": "lib/index.js",
@@ -69,38 +69,38 @@
     "jest-watch-typeahead": "^3.0.1",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.0",
-    "postcss-preset-mantine": "^1.17.0",
+    "postcss-preset-mantine": "^1.18.0",
     "prettier": "^3.8.1",
     "resize-observer-polyfill": "^1.5.1",
     "typescript": "^5.7.3",
     "web-vitals": "^5.1.0"
   },
   "peerDependencies": {
-    "@mantine/core": "^7.17.7",
-    "@mantine/dates": "^7.17.7",
-    "@mantine/hooks": "^7.17.7",
-    "@mantine/notifications": "^7.17.7",
+    "@mantine/core": "^8.3.14",
+    "@mantine/dates": "^8.3.14",
+    "@mantine/hooks": "^8.3.14",
+    "@mantine/notifications": "^8.3.14",
     "lucide-react": "^0.563.0",
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
-    "react-i18next": "^15.x.x"
+    "react-i18next": "^16.5.4"
   },
   "optionalDependencies": {
     "@reduxjs/toolkit": "^2.9.0",
     "@swc/core-darwin-arm64": "^1.13.21"
   },
   "dependencies": {
-    "@mantine/core": "^7.17.7",
-    "@mantine/dates": "^7.17.7",
-    "@mantine/hooks": "^7.17.7",
-    "@mantine/notifications": "^7.17.7",
+    "@mantine/core": "^8.3.14",
+    "@mantine/dates": "^8.3.14",
+    "@mantine/hooks": "^8.3.14",
+    "@mantine/notifications": "^8.3.14",
     "lodash": "^4.17.21",
     "lucide-react": "^0.563.0",
     "luxon": "^3.7.2",
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
+    "react-i18next": "^16.5.4",
     "react-hook-form": "7.71.1",
-    "react-i18next": "^15.x.x",
     "react-select": "^5.10.2",
     "tiny-invariant": "^1.3.3",
     "urlcat": "^3.1.0",

package/types/src/components/Filter/TermContainer/Term/DisplayValue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAahD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AACD,eAAO,MAAM,iBAAiB,GAAI,qDAK/B,uBAAuB,4CAkBzB,CAAA;AASD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyGrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Filter/TermContainer/Term/DisplayValue/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAahD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AACD,eAAO,MAAM,iBAAiB,GAAI,qDAK/B,uBAAuB,4CAkBzB,CAAA;AASD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsGrD,CAAA"}

package/types/src/components/Form/DateTimePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/DateTimePicker/DatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAa,MAAM,gBAAgB,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,kBAAkB,GAAI,OAAO,eAAe,EAAE,KAAK,YAAY,CAAC,cAAc,CAAC,4CAY3F,CAAA;AAED,eAAO,MAAM,eAAe,uHAAiC,CAAA"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/DateTimePicker/DatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,kBAAkB,GAAI,OAAO,eAAe,EAAE,KAAK,YAAY,CAAC,cAAc,CAAC,4CAY3F,CAAA;AAED,eAAO,MAAM,eAAe,uHAAiC,CAAA"}