@greenbone/ui-lib 0.0.1-alpha0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FilterContextProvider } from \"./utils/hooks/useFilter\"\nimport { Tooltip } from \"@mantine/core\"\nimport { FilterElements } from \"./utils/FilterElements\"\nimport { TFilter } from \"./utils\"\nimport \"../../helper/GBMath/prototype.extension\"\nimport { createRef } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Filter.module.css\"\n\nexport type TFilterProps = {\n  onApply: TFilter.EventHandler.onApply\n  config: TFilter.Config\n  initialState?: TFilter.Internal.State\n  readonly?: boolean\n  transformer?: {\n    dtoValueTransformMap?: TFilter.DTO.ValueTransformConfigByAttributeName\n  }\n  addons?: TFilter.Addons.Core\n}\n\n/*\nKnown Filter Caveats:\n- Not completely generically typed: Value is statically a maybe Array, maybe string, maybe number (see TTermValue).....\n- The **FilterSelect** should now be possible using Mantine Select components. Getting rid of ReactSelect dependency\n- Operator *ControlType* override cannot override multiselect currently. Should be easily added\n */\n\n/*\nFilter In-Depth:\nThe filter follows the React ideology of preserving a state that describes the view. Adjusting the state, rerenders the view.\nThe FilterContext keeps track of the filter-global state. Based on this state (and the CurrentStep term-local), the term is rendered.\nWhenever anything happens (Attribute, Operator, Value is changed, removed or added) the state changes, optionally pushing\nthe state-change event (onApply) to the outside world, and then React rerenders the View, adjusting the DOM.\nYou can find a detailed flow on GB confluence.\n\nComponent flow: Filter -> FilterContext -> FilterElements -> TermContainer -> Term -> Attribute|operator|value\nEvent flow: Term adjustment (term is finished) -> change state|call onApply -> rerender\nEvent flow: Term adjustment (term is not finished) -> change state -> rerender\n */\n\n/**\n * Generic 3-Part Filter with a toggleable Matcher (ALL|ANY)/(and|or). The Props are passed to the **FilterContext**\n * @param onApply Callback that gets called with arguments: DTO State (simpler state for API communication),\n * Internal State (Used for addons like SessionStorage persistance) and metadata (the event that triggered the apply)\n * @param config Configuration for the filter. Determines the **Attributes** with their corresponding **operators** and **value** types.\n * Both the **Attribute** and **Operator** can specify a *ControlType*.\n * When both have one specified, the **Operator** takes precedence over the **Attribute**\n * @param initialState Initial filter state on mount\n * @param readonly Boolean flag whether the filter is readonly\n * @param transformer Built-in data transformers to adjust the data based on specific needs.\n * This removes the hustle of going through individual terms after receiving the data through the onApply callback,\n * @param remotelyPersistedFilters filters that are persisted in the backend and should be loaded on mount\n * @param transformer.dtoValueTransformMap this transformer is a Record<string, function> type and is used to transform values based on their unique attribute name.\n * E.g. if you need to set a prefix before user-defined values in the Autocomplete, you can set this transformer to\n * { tag: (term) => term.values.map(x => \"tag-prefix-\"+x) }\n */\nconst Filter: React.FC<TFilterProps> = ({\n  onApply,\n  config,\n  initialState,\n  readonly = false,\n  transformer,\n  addons,\n}) => {\n  const portalTargetRef = createRef<HTMLDivElement>()\n  const { t } = useTranslation()\n  return (\n    <FilterContextProvider\n      onApply={onApply}\n      config={config}\n      initialState={initialState}\n      portalTargetRef={portalTargetRef}\n      transformer={transformer}\n    >\n      <div ref={portalTargetRef} data-testid={\"filter-portal-target\"}></div>\n      {readonly ? (\n        <Tooltip.Floating\n          label={t(\"Applied filter, read-only view\")}\n          styles={{\n            tooltip: {\n              padding: \"8px\",\n              fontSize: \"14px\",\n              wordBreak: \"break-all\",\n              height: \"auto\",\n            },\n          }}\n          multiline\n        >\n          <span className={classes[\"readonly-wrapper\"]}>\n            <FilterElements readonly={readonly} addons={addons} />\n          </span>\n        </Tooltip.Floating>\n      ) : (\n        <FilterElements readonly={readonly} addons={addons} />\n      )}\n    </FilterContextProvider>\n  )\n}\n\nexport { Filter }\n"],"names":["Filter","onApply","config","initialState","readonly","transformer","addons","portalTargetRef","createRef","t","useTranslation","FilterContextProvider","div","ref","data-testid","Tooltip","Floating","label","styles","tooltip","padding","fontSize","wordBreak","height","multiline","span","className","classes","FilterElements"],"mappings":"oGAuGSA,gDAAAA,kFAnG6B,+CACd,+CACO,kCAExB,gEACmB,qCACK,sFACX,4GAiDpB,MAAMA,OAAiC,CAAC,CACtCC,OAAO,CACPC,MAAM,CACNC,YAAY,CACZC,SAAW,KAAK,CAChBC,WAAW,CACXC,MAAM,CACP,IACC,MAAMC,gBAAkBC,GAAAA,gBAAS,IACjC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,qBAACC,gCAAqB,EACpBV,QAASA,QACTC,OAAQA,OACRC,aAAcA,aACdI,gBAAiBA,gBACjBF,YAAaA,sBAEb,oBAACO,OAAIC,IAAKN,gBAAiBO,cAAa,yBACvCV,SACC,oBAACW,aAAO,CAACC,QAAQ,EACfC,MAAOR,EAAE,kCACTS,OAAQ,CACNC,QAAS,CACPC,QAAS,MACTC,SAAU,OACVC,UAAW,YACXC,OAAQ,MACV,CACF,EACAC,SAAS,eAET,oBAACC,QAAKC,UAAWC,wBAAO,CAAC,mBAAmB,UAC1C,oBAACC,8BAAc,EAACxB,SAAUA,SAAUE,OAAQA,aAIhD,oBAACsB,8BAAc,EAACxB,SAAUA,SAAUE,OAAQA,WAIpD"}

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

@@ -0,0 +1 @@
+.readonly-wrapper{pointer-events:all}

package/lib/cjs/components/Filter/RemotePersistence/RemotePersistentFilterDropdown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"RemotePersistentFilterDropdown",{enumerable:true,get:function(){return RemotePersistentFilterDropdown}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _lucidereact=require("lucide-react");const _RemotePersistentFilterDropdownmodulecss=/*#__PURE__*/_interop_require_default(require("./RemotePersistentFilterDropdown.module.css"));const _core=require("@mantine/core");const _reacti18next=require("react-i18next");const _Tooltip=require("../../Tooltip");const _ConfirmationDialog=require("../../ConfirmationDialog");const _genericTypes=require("../../../genericTypes");const _Typo=require("../../Typo");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}const RemotePersistentFilterDropdown=({remotePersistentFilters,onSelect,onDelete})=>{const{t}=(0,_reacti18next.useTranslation)();const[selectedFilter,setSelectedFilter]=(0,_react.useState)();const[modalData,setModalData]=(0,_react.useState)(null);const combobox=(0,_core.useCombobox)();const dropdownList=(0,_react.useMemo)(()=>remotePersistentFilters.map(filter=>({value:filter.id,label:filter.filterName})),[remotePersistentFilters]);const handleClick=()=>combobox.toggleDropdown();(0,_react.useEffect)(()=>{if(selectedFilter)onSelect(selectedFilter)},[selectedFilter,onSelect]);const handleSelect=(0,_react.useCallback)(filter=>{if(filter){combobox.closeDropdown();setSelectedFilter(filter)}},[combobox]);const handleDelete=(0,_react.useCallback)((e,filterId)=>{e.stopPropagation();setModalData(filterId)},[]);const handleConfirmDelete=(0,_react.useCallback)(()=>{if(modalData){onDelete(modalData);setModalData(null)}},[modalData,onDelete]);const options=(0,_react.useMemo)(()=>dropdownList.sort((a,b)=>a.label.localeCompare(b.label)).map(item=>(0,_jsxruntime.jsx)(_core.Combobox.Option,{"data-testid":"dropdown-option",value:item.value,children:(0,_jsxruntime.jsxs)(_core.Group,{className:_RemotePersistentFilterDropdownmodulecss.default.options,children:[item.label.length>35?(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{label:item.label,children:(0,_jsxruntime.jsx)("span",{className:_RemotePersistentFilterDropdownmodulecss.default["truncate-text"],children:item.label})}):(0,_jsxruntime.jsx)("span",{children:item.label}),(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{label:t("Delete filter"),children:(0,_jsxruntime.jsx)(_lucidereact.Trash2,{"data-testid":"delete-icon",color:"red",size:16,className:_RemotePersistentFilterDropdownmodulecss.default["options-label"],onClick:e=>handleDelete(e,item.value)})})]})},item.value)),[dropdownList,handleDelete,t]);const emptyOption=(0,_jsxruntime.jsx)(_core.Combobox.Option,{value:"",children:(0,_jsxruntime.jsx)(_core.Group,{className:_RemotePersistentFilterDropdownmodulecss.default.options,children:(0,_jsxruntime.jsx)("span",{children:t("No saved filters available")})})},"");return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsxs)(_core.Combobox,{store:combobox,width:300,position:"bottom-start",withArrow:true,onOptionSubmit:handleSelect,styles:{dropdown:{zIndex:10}},children:[(0,_jsxruntime.jsx)(_core.Combobox.Target,{children:(0,_jsxruntime.jsx)("div",{"data-testid":"filter-icon",className:_RemotePersistentFilterDropdownmodulecss.default.actions,onClick:handleClick,children:(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{offset:15,label:t("Saved filters"),children:(0,_jsxruntime.jsx)(_lucidereact.Filter,{"data-testid":"filter-chevron-image",color:"var(--filter-chevron-color)",size:16})})})}),(0,_jsxruntime.jsx)(_core.Combobox.Dropdown,{children:(0,_jsxruntime.jsx)(_core.Combobox.Options,{children:options.length>0?options:emptyOption})})]}),(0,_jsxruntime.jsx)(_ConfirmationDialog.ConfirmationDialog,{alertStatus:_genericTypes.EStatus.ERROR,title:t("Delete filter"),content:(0,_jsxruntime.jsx)(_Typo.Typo,{type:"body",children:t("Do you really want to delete this filter?")}),opened:!!modalData,onClose:()=>setModalData(null),confirmationButtonText:t("Confirm"),confirmationButtonVariant:"danger",cancelButtonText:t("Cancel"),onSubmit:handleConfirmDelete})]})};
+//# sourceMappingURL=RemotePersistentFilterDropdown.js.map

package/lib/cjs/components/Filter/RemotePersistence/RemotePersistentFilterDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/RemotePersistentFilterDropdown.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\"\nimport { Filter, Trash2 } from \"lucide-react\"\nimport classes from \"./RemotePersistentFilterDropdown.module.css\"\nimport { TFilter } from \"../utils\"\nimport { TRemotePersistentFilter } from \"./types\"\nimport { Combobox, Group, useCombobox } from \"@mantine/core\"\nimport { useTranslation } from \"react-i18next\"\nimport { Tooltip } from \"../../Tooltip\"\nimport { ConfirmationDialog } from \"../../ConfirmationDialog\"\nimport { EStatus } from \"../../../genericTypes\"\nimport { Typo } from \"../../Typo\"\n\ntype TFilterDropdownProps = {\n  config: TFilter.Config\n  onSelect: (id: string) => void\n  onDelete: (id: string) => void\n  remotePersistentFilters: TRemotePersistentFilter[]\n}\n\nconst RemotePersistentFilterDropdown: React.FC<TFilterDropdownProps> = ({\n  remotePersistentFilters,\n  onSelect,\n  onDelete,\n}) => {\n  const { t } = useTranslation()\n  const [selectedFilter, setSelectedFilter] = useState<string>()\n  const [modalData, setModalData] = useState<string | null>(null)\n  const combobox = useCombobox()\n\n  const dropdownList = useMemo(\n    () =>\n      remotePersistentFilters.map((filter) => ({\n        value: filter.id,\n        label: filter.filterName,\n      })),\n    [remotePersistentFilters]\n  )\n\n  const handleClick = () => combobox.toggleDropdown()\n\n  useEffect(() => {\n    if (selectedFilter) onSelect(selectedFilter)\n  }, [selectedFilter, onSelect])\n\n  const handleSelect = useCallback(\n    (filter: string) => {\n      if (filter) {\n        combobox.closeDropdown()\n        setSelectedFilter(filter)\n      }\n    },\n    [combobox]\n  )\n\n  const handleDelete = useCallback((e: React.MouseEvent<SVGSVGElement>, filterId: string) => {\n    e.stopPropagation()\n    setModalData(filterId)\n  }, [])\n\n  const handleConfirmDelete = useCallback(() => {\n    if (modalData) {\n      onDelete(modalData)\n      setModalData(null)\n    }\n  }, [modalData, onDelete])\n\n  const options = useMemo(\n    () =>\n      dropdownList\n        .sort((a, b) => a.label.localeCompare(b.label))\n        .map((item) => (\n          <Combobox.Option data-testid=\"dropdown-option\" value={item.value} key={item.value}>\n            <Group className={classes.options}>\n              {item.label.length > 35 ? (\n                <Tooltip label={item.label}>\n                  <span className={classes[\"truncate-text\"]}>{item.label}</span>\n                </Tooltip>\n              ) : (\n                <span>{item.label}</span>\n              )}\n              <Tooltip label={t(\"Delete filter\")}>\n                <Trash2\n                  data-testid={\"delete-icon\"}\n                  color=\"red\"\n                  size={16}\n                  className={classes[\"options-label\"]}\n                  onClick={(e) => handleDelete(e, item.value)}\n                />\n              </Tooltip>\n            </Group>\n          </Combobox.Option>\n        )),\n    [dropdownList, handleDelete, t]\n  )\n\n  const emptyOption = (\n    <Combobox.Option value={\"\"} key={\"\"}>\n      <Group className={classes.options}>\n        <span>{t(\"No saved filters available\")}</span>\n      </Group>\n    </Combobox.Option>\n  )\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        width={300}\n        position=\"bottom-start\"\n        withArrow\n        onOptionSubmit={handleSelect}\n        styles={{ dropdown: { zIndex: 10 } }}\n      >\n        <Combobox.Target>\n          <div data-testid={\"filter-icon\"} className={classes.actions} onClick={handleClick}>\n            <Tooltip offset={15} label={t(\"Saved filters\")}>\n              <Filter\n                data-testid={\"filter-chevron-image\"}\n                color={\"var(--filter-chevron-color)\"}\n                size={16}\n              />\n            </Tooltip>\n          </div>\n        </Combobox.Target>\n\n        <Combobox.Dropdown>\n          <Combobox.Options>{options.length > 0 ? options : emptyOption}</Combobox.Options>\n        </Combobox.Dropdown>\n      </Combobox>\n\n      <ConfirmationDialog\n        alertStatus={EStatus.ERROR}\n        title={t(\"Delete filter\")}\n        content={<Typo type=\"body\">{t(\"Do you really want to delete this filter?\")}</Typo>}\n        opened={!!modalData}\n        onClose={() => setModalData(null)}\n        confirmationButtonText={t(\"Confirm\")}\n        confirmationButtonVariant={\"danger\"}\n        cancelButtonText={t(\"Cancel\")}\n        onSubmit={handleConfirmDelete}\n      />\n    </>\n  )\n}\n\nexport { RemotePersistentFilterDropdown }\n"],"names":["RemotePersistentFilterDropdown","remotePersistentFilters","onSelect","onDelete","t","useTranslation","selectedFilter","setSelectedFilter","useState","modalData","setModalData","combobox","useCombobox","dropdownList","useMemo","map","filter","value","id","label","filterName","handleClick","toggleDropdown","useEffect","handleSelect","useCallback","closeDropdown","handleDelete","e","filterId","stopPropagation","handleConfirmDelete","options","sort","a","b","localeCompare","item","Combobox","Option","data-testid","Group","className","classes","length","Tooltip","span","Trash2","color","size","onClick","emptyOption","store","width","position","withArrow","onOptionSubmit","styles","dropdown","zIndex","Target","div","actions","offset","Filter","Dropdown","Options","ConfirmationDialog","alertStatus","EStatus","ERROR","title","content","Typo","type","opened","onClose","confirmationButtonText","confirmationButtonVariant","cancelButtonText","onSubmit"],"mappings":"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"}

package/lib/cjs/components/Filter/RemotePersistence/RemotePersistentFilterDropdown.module.css

@@ -0,0 +1 @@
+.actions{align-items:center;border-bottom:1px solid var(--filter-actions-border-color);border-left:1px solid var(--filter-actions-border-color);border-radius:0;border-bottom-left-radius:calc(.3125rem*var(--mantine-scale));border-top:1px solid var(--filter-actions-border-color);border-top-left-radius:calc(.3125rem*var(--mantine-scale));box-sizing:border-box;cursor:pointer;display:flex;height:calc(2.5rem*var(--mantine-scale));justify-content:space-around;width:calc(2.5rem*var(--mantine-scale));z-index:1}.actions>svg{height:fit-content}.options{align-items:center;display:flex;justify-content:space-between;width:100%}.options-label{height:calc(1.875rem*var(--mantine-scale))}.truncate-text{max-width:calc(12.5rem*var(--mantine-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-mantine-color-scheme=dark]{--filter-actions-border-color:var(--mantine-color-gray-8);--filter-chevron-color:var(--mantine-color-gray-4)}:root:not([data-mantine-color-scheme=dark]){--filter-actions-border-color:var(--mantine-color-gray-3);--filter-chevron-color:var(--mantine-color-gray-5)}

package/lib/cjs/components/Filter/RemotePersistence/SaveFilterMenu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"SaveFilterMenu",{enumerable:true,get:function(){return SaveFilterMenu}});const _jsxruntime=require("react/jsx-runtime");const _SaveFilterMenumodulecss=/*#__PURE__*/_interop_require_default(require("./SaveFilterMenu.module.css"));const _core=require("@mantine/core");const _SaveFilterModal=require("./SaveFilterModal");const _react=require("react");const _lucidereact=require("lucide-react");const _reacti18next=require("react-i18next");const _isEqual=/*#__PURE__*/_interop_require_default(require("lodash/isEqual"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const SaveFilterMenu=({filterState,handleSaveFilter,remotePersistentFilters,handleUpdateExistingFilter,selectedFilterId})=>{const[isModalOpen,setModalOpen]=(0,_react.useState)(false);const[modalType,setModalType]=(0,_react.useState)("Save");const{t}=(0,_reacti18next.useTranslation)();const handleOpen=()=>setModalOpen(true);const handleClose=()=>setModalOpen(false);const getSavedFilterId=filterName=>{const found=remotePersistentFilters===null||remotePersistentFilters===void 0?void 0:remotePersistentFilters.find(filter=>filter.filterName===filterName);if(found){return found.id}return null};const isSelectedFilterIsModified=()=>{const selectedFilter=remotePersistentFilters.find(filter=>filter.id===selectedFilterId);if(selectedFilter){return!(0,_isEqual.default)(selectedFilter.filter,filterState)}return false};const handleSaveClick=()=>{const filter=remotePersistentFilters.find(filter=>filter.id===selectedFilterId);if(filter){handleUpdateExistingFilter({filterId:filter.id,filterName:filter.filterName,filter:filterState})}else{setModalType("Save");handleOpen()}};const handleSaveAsClick=()=>{if(filterState.fields.length>0){setModalType("SaveAs");handleOpen()}};const handleModalSubmit=({filterName,overwrite})=>{const filterId=getSavedFilterId(filterName);if(overwrite&&filterId){handleUpdateExistingFilter({filterId:filterId,filterName:filterName,filter:filterState})}else{handleSaveFilter({filterName,filter:filterState})}handleClose()};return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[filterState.fields.length>0&&(0,_jsxruntime.jsx)("div",{className:_SaveFilterMenumodulecss.default["save-filter-menu"],children:(0,_jsxruntime.jsxs)(_core.Menu,{shadow:"md",width:"max-content",trigger:"hover",closeDelay:100,offset:15,children:[(0,_jsxruntime.jsx)(_core.Menu.Target,{children:(0,_jsxruntime.jsx)(_lucidereact.Save,{"data-testid":"save-icon",className:_SaveFilterMenumodulecss.default["save-icon"],size:16})}),(0,_jsxruntime.jsxs)(_core.Menu.Dropdown,{children:[(0,_jsxruntime.jsx)(_core.Menu.Item,{onClick:handleSaveClick,disabled:!(selectedFilterId&&isSelectedFilterIsModified()||!selectedFilterId),className:_SaveFilterMenumodulecss.default["save-button-text"],children:t("Save filter")}),(0,_jsxruntime.jsx)(_core.Menu.Item,{disabled:!selectedFilterId,onClick:handleSaveAsClick,className:_SaveFilterMenumodulecss.default["save-button-text"],children:t("Save filter as")})]})]})}),(0,_jsxruntime.jsx)(_SaveFilterModal.SaveFilterModal,{modalType:modalType,isOpen:isModalOpen,onClose:handleClose,onSubmit:handleModalSubmit,getSavedFilterId:getSavedFilterId})]})};
+//# sourceMappingURL=SaveFilterMenu.js.map

package/lib/cjs/components/Filter/RemotePersistence/SaveFilterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/SaveFilterMenu.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport classes from \"./SaveFilterMenu.module.css\"\nimport { Menu } from \"@mantine/core\"\nimport { TFilter } from \"../utils\"\nimport { TModalType, TRemotePersistentFilter } from \"./types\"\nimport { SaveFilterModal } from \"./SaveFilterModal\"\nimport { useState } from \"react\"\nimport { Save } from \"lucide-react\"\nimport { useTranslation } from \"react-i18next\"\nimport isEqual from \"lodash/isEqual\"\n\ntype TSaveFilterMenuProps = {\n  filterState: TFilter.DTO.State\n  handleSaveFilter: ({\n    filterName,\n    filter,\n  }: {\n    filterName: string\n    filter: TFilter.DTO.State\n  }) => void\n  handleUpdateExistingFilter: ({\n    filterId,\n    filter,\n  }: {\n    filterId: string\n    filterName: string\n    filter: TFilter.DTO.State\n  }) => void\n  remotePersistentFilters: TRemotePersistentFilter[]\n  selectedFilterId?: string\n}\n\nexport const SaveFilterMenu = ({\n  filterState,\n  handleSaveFilter,\n  remotePersistentFilters,\n  handleUpdateExistingFilter,\n  selectedFilterId,\n}: TSaveFilterMenuProps) => {\n  const [isModalOpen, setModalOpen] = useState(false)\n  const [modalType, setModalType] = useState<TModalType>(\"Save\")\n  const { t } = useTranslation()\n  const handleOpen = () => setModalOpen(true)\n  const handleClose = () => setModalOpen(false)\n\n  const getSavedFilterId = (filterName: string) => {\n    const found = remotePersistentFilters?.find((filter) => filter.filterName === filterName)\n    if (found) {\n      return found.id\n    }\n    return null\n  }\n\n  // returns true if the selected filter is modified otherwise false\n  const isSelectedFilterIsModified = (): boolean => {\n    const selectedFilter = remotePersistentFilters.find((filter) => filter.id === selectedFilterId)\n    if (selectedFilter) {\n      return !isEqual(selectedFilter.filter, filterState)\n    }\n    return false\n  }\n\n  const handleSaveClick = () => {\n    const filter = remotePersistentFilters.find((filter) => filter.id === selectedFilterId)\n    if (filter) {\n      handleUpdateExistingFilter({\n        filterId: filter.id,\n        filterName: filter.filterName,\n        filter: filterState,\n      })\n    } else {\n      setModalType(\"Save\")\n      handleOpen()\n    }\n  }\n\n  const handleSaveAsClick = () => {\n    if (filterState.fields.length > 0) {\n      setModalType(\"SaveAs\")\n      handleOpen()\n    }\n  }\n\n  const handleModalSubmit = ({\n    filterName,\n    overwrite,\n  }: {\n    filterName: string\n    overwrite: boolean\n  }) => {\n    const filterId = getSavedFilterId(filterName)\n    if (overwrite && filterId) {\n      handleUpdateExistingFilter({\n        filterId: filterId,\n        filterName: filterName,\n        filter: filterState,\n      })\n    } else {\n      handleSaveFilter({ filterName, filter: filterState })\n    }\n    handleClose()\n  }\n\n  return (\n    <>\n      {filterState.fields.length > 0 && (\n        <div className={classes[\"save-filter-menu\"]}>\n          <Menu shadow=\"md\" width=\"max-content\" trigger=\"hover\" closeDelay={100} offset={15}>\n            <Menu.Target>\n              <Save data-testid=\"save-icon\" className={classes[\"save-icon\"]} size={16}></Save>\n            </Menu.Target>\n            <Menu.Dropdown>\n              <Menu.Item\n                onClick={handleSaveClick}\n                disabled={\n                  !((selectedFilterId && isSelectedFilterIsModified()) || !selectedFilterId)\n                }\n                className={classes[\"save-button-text\"]}\n              >\n                {t(\"Save filter\")}\n              </Menu.Item>\n              <Menu.Item\n                disabled={!selectedFilterId}\n                onClick={handleSaveAsClick}\n                className={classes[\"save-button-text\"]}\n              >\n                {t(\"Save filter as\")}\n              </Menu.Item>\n            </Menu.Dropdown>\n          </Menu>\n        </div>\n      )}\n      <SaveFilterModal\n        modalType={modalType}\n        isOpen={isModalOpen}\n        onClose={handleClose}\n        onSubmit={handleModalSubmit}\n        getSavedFilterId={getSavedFilterId}\n      />\n    </>\n  )\n}\n"],"names":["SaveFilterMenu","filterState","handleSaveFilter","remotePersistentFilters","handleUpdateExistingFilter","selectedFilterId","isModalOpen","setModalOpen","useState","modalType","setModalType","t","useTranslation","handleOpen","handleClose","getSavedFilterId","filterName","found","find","filter","id","isSelectedFilterIsModified","selectedFilter","isEqual","handleSaveClick","filterId","handleSaveAsClick","fields","length","handleModalSubmit","overwrite","div","className","classes","Menu","shadow","width","trigger","closeDelay","offset","Target","Save","data-testid","size","Dropdown","Item","onClick","disabled","SaveFilterModal","isOpen","onClose","onSubmit"],"mappings":"oGAoCaA,wDAAAA,8IA/BO,oDACC,gDAGW,0CACP,oCACJ,4CACU,8EACX,uGAuBb,MAAMA,eAAiB,CAAC,CAC7BC,WAAW,CACXC,gBAAgB,CAChBC,uBAAuB,CACvBC,0BAA0B,CAC1BC,gBAAgB,CACK,IACrB,KAAM,CAACC,YAAaC,aAAa,CAAGC,GAAAA,eAAQ,EAAC,OAC7C,KAAM,CAACC,UAAWC,aAAa,CAAGF,GAAAA,eAAQ,EAAa,QACvD,KAAM,CAAEG,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MAAMC,WAAa,IAAMN,aAAa,MACtC,MAAMO,YAAc,IAAMP,aAAa,OAEvC,MAAMQ,iBAAmB,AAACC,aACxB,MAAMC,MAAQd,gCAAAA,wCAAAA,wBAAyBe,IAAI,CAAC,AAACC,QAAWA,OAAOH,UAAU,GAAKA,YAC9E,GAAIC,MAAO,CACT,OAAOA,MAAMG,EAAE,AACjB,CACA,OAAO,IACT,EAGA,MAAMC,2BAA6B,KACjC,MAAMC,eAAiBnB,wBAAwBe,IAAI,CAAC,AAACC,QAAWA,OAAOC,EAAE,GAAKf,kBAC9E,GAAIiB,eAAgB,CAClB,MAAO,CAACC,GAAAA,gBAAO,EAACD,eAAeH,MAAM,CAAElB,YACzC,CACA,OAAO,KACT,EAEA,MAAMuB,gBAAkB,KACtB,MAAML,OAAShB,wBAAwBe,IAAI,CAAC,AAACC,QAAWA,OAAOC,EAAE,GAAKf,kBACtE,GAAIc,OAAQ,CACVf,2BAA2B,CACzBqB,SAAUN,OAAOC,EAAE,CACnBJ,WAAYG,OAAOH,UAAU,CAC7BG,OAAQlB,WACV,EACF,KAAO,CACLS,aAAa,QACbG,YACF,CACF,EAEA,MAAMa,kBAAoB,KACxB,GAAIzB,YAAY0B,MAAM,CAACC,MAAM,CAAG,EAAG,CACjClB,aAAa,UACbG,YACF,CACF,EAEA,MAAMgB,kBAAoB,CAAC,CACzBb,UAAU,CACVc,SAAS,CAIV,IACC,MAAML,SAAWV,iBAAiBC,YAClC,GAAIc,WAAaL,SAAU,CACzBrB,2BAA2B,CACzBqB,SAAUA,SACVT,WAAYA,WACZG,OAAQlB,WACV,EACF,KAAO,CACLC,iBAAiB,CAAEc,WAAYG,OAAQlB,WAAY,EACrD,CACAa,aACF,EAEA,MACE,qDACGb,YAAY0B,MAAM,CAACC,MAAM,CAAG,GAC3B,oBAACG,OAAIC,UAAWC,gCAAO,CAAC,mBAAmB,UACzC,qBAACC,UAAI,EAACC,OAAO,KAAKC,MAAM,cAAcC,QAAQ,QAAQC,WAAY,IAAKC,OAAQ,aAC7E,oBAACL,UAAI,CAACM,MAAM,WACV,oBAACC,iBAAI,EAACC,cAAY,YAAYV,UAAWC,gCAAO,CAAC,YAAY,CAAEU,KAAM,OAEvE,qBAACT,UAAI,CAACU,QAAQ,YACZ,oBAACV,UAAI,CAACW,IAAI,EACRC,QAAStB,gBACTuB,SACE,CAAE,CAAA,AAAC1C,kBAAoBgB,8BAAiC,CAAChB,gBAAe,EAE1E2B,UAAWC,gCAAO,CAAC,mBAAmB,UAErCtB,EAAE,iBAEL,oBAACuB,UAAI,CAACW,IAAI,EACRE,SAAU,CAAC1C,iBACXyC,QAASpB,kBACTM,UAAWC,gCAAO,CAAC,mBAAmB,UAErCtB,EAAE,4BAMb,oBAACqC,gCAAe,EACdvC,UAAWA,UACXwC,OAAQ3C,YACR4C,QAASpC,YACTqC,SAAUtB,kBACVd,iBAAkBA,qBAI1B"}

package/lib/cjs/components/Filter/RemotePersistence/SaveFilterMenu.module.css

@@ -0,0 +1 @@
+.save-filter-menu{align-items:center;border-bottom:1px solid var(--filter-actions-border-color);border-right:1px solid var(--filter-actions-border-color);border-top:1px solid var(--filter-actions-border-color);cursor:pointer;display:flex;height:calc(2.5rem*var(--mantine-scale));justify-content:space-around;width:calc(2.5rem*var(--mantine-scale))}.save-button-text{color:var(--filter-save-button-font-color);font-size:var(--mantine-font-size-md)}:root[data-mantine-color-scheme=dark]{--filter-save-button-font-color:var(--mantine-color-gray-2);--filter-actions-border-color:var(--mantine-color-gray-8)}:root:not([data-mantine-color-scheme=dark]){--filter-save-button-font-color:var(--mantine-color-gray-8);--filter-actions-border-color:var(--mantine-color-gray-3)}

package/lib/cjs/components/Filter/RemotePersistence/SaveFilterModal.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"SaveFilterModal",{enumerable:true,get:function(){return SaveFilterModal}});const _jsxruntime=require("react/jsx-runtime");const _Modal=require("../../Modal");const _Form=require("../../Form");const _react=require("react");const _reacti18next=require("react-i18next");const SaveFilterModal=({modalType,isOpen,onClose,onSubmit,getSavedFilterId})=>{const{t}=(0,_reacti18next.useTranslation)();const[overwrite,setOverwrite]=(0,_react.useState)(false);const[filterExists,setFilterExists]=(0,_react.useState)(false);const handleSubmit=({filterName})=>{onSubmit({filterName,overwrite})};const validateFilterName=value=>{if(!value)return t("Filter name cannot be empty.");if(getSavedFilterId(value)&&!overwrite){setFilterExists(true);return t("A filter with this name already exists. You can change the name of overwrite the existing filter.")}setFilterExists(false);return true};return(0,_jsxruntime.jsx)(_Modal.Modal,{size:"sm",opened:isOpen,onClose:onClose,title:modalType==="Save"?t("Save filter"):t("Save filter as"),children:(0,_jsxruntime.jsxs)(_Form.Form,{onSubmit:data=>handleSubmit(data),children:[(0,_jsxruntime.jsx)(_Form.FormInput,{validation:validateFilterName,name:"filterName",label:t("Name")}),filterExists&&(0,_jsxruntime.jsx)(_Form.Checkbox,{name:"overwrite",label:t("Overwrite existing filter"),onChange:e=>setOverwrite(e.target.checked)}),(0,_jsxruntime.jsxs)(_Modal.ModalActions,{children:[(0,_jsxruntime.jsx)(_Form.Button,{onClick:onClose,type:"button",children:t("Cancel")}),(0,_jsxruntime.jsx)(_Form.Button,{type:"submit",children:t("Save")})]})]})})};
+//# sourceMappingURL=SaveFilterModal.js.map

package/lib/cjs/components/Filter/RemotePersistence/SaveFilterModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/SaveFilterModal.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { Modal, ModalActions } from \"../../Modal\"\nimport { Button, Checkbox, Form, FormInput } from \"../../Form\"\nimport { useState } from \"react\"\nimport { TModalType } from \"./types\"\nimport { useTranslation } from \"react-i18next\"\n\ntype TSaveFilterModalProps = {\n  modalType: TModalType\n  isOpen: boolean\n  onClose: () => void\n  onSubmit: (data: { filterName: string; overwrite: boolean }) => void\n  getSavedFilterId: (filterId: string) => string | null\n}\n\ntype TFilterFormValues = {\n  filterName: string\n  overwrite: boolean\n}\n\nexport const SaveFilterModal = ({\n  modalType,\n  isOpen,\n  onClose,\n  onSubmit,\n  getSavedFilterId,\n}: TSaveFilterModalProps) => {\n  const { t } = useTranslation()\n  const [overwrite, setOverwrite] = useState(false)\n  const [filterExists, setFilterExists] = useState(false)\n\n  const handleSubmit = ({ filterName }: TFilterFormValues) => {\n    onSubmit({ filterName, overwrite })\n  }\n\n  const validateFilterName = (value: string) => {\n    if (!value) return t(\"Filter name cannot be empty.\")\n    if (getSavedFilterId(value) && !overwrite) {\n      // Show the overwrite checkbox\n      setFilterExists(true)\n      return t(\n        \"A filter with this name already exists. You can change the name of overwrite the existing filter.\"\n      )\n    }\n    setFilterExists(false)\n    return true\n  }\n\n  return (\n    <Modal\n      size={\"sm\"}\n      opened={isOpen}\n      onClose={onClose}\n      title={modalType === \"Save\" ? t(\"Save filter\") : t(\"Save filter as\")}\n    >\n      <Form onSubmit={(data: TFilterFormValues) => handleSubmit(data)}>\n        <FormInput validation={validateFilterName} name={\"filterName\"} label={t(\"Name\")} />\n\n        {filterExists && (\n          <Checkbox\n            name={\"overwrite\"}\n            label={t(\"Overwrite existing filter\")}\n            onChange={(e) => setOverwrite(e.target.checked)}\n          />\n        )}\n\n        <ModalActions>\n          <Button onClick={onClose} type={\"button\"}>\n            {t(\"Cancel\")}\n          </Button>\n          <Button type={\"submit\"}>{t(\"Save\")}</Button>\n        </ModalActions>\n      </Form>\n    </Modal>\n  )\n}\n"],"names":["SaveFilterModal","modalType","isOpen","onClose","onSubmit","getSavedFilterId","t","useTranslation","overwrite","setOverwrite","useState","filterExists","setFilterExists","handleSubmit","filterName","validateFilterName","value","Modal","size","opened","title","Form","data","FormInput","validation","name","label","Checkbox","onChange","e","target","checked","ModalActions","Button","onClick","type"],"mappings":"oGAwBaA,yDAAAA,uFAnBuB,mCACc,mCACzB,qCAEM,iBAexB,MAAMA,gBAAkB,CAAC,CAC9BC,SAAS,CACTC,MAAM,CACNC,OAAO,CACPC,QAAQ,CACRC,gBAAgB,CACM,IACtB,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,KAAM,CAACC,UAAWC,aAAa,CAAGC,GAAAA,eAAQ,EAAC,OAC3C,KAAM,CAACC,aAAcC,gBAAgB,CAAGF,GAAAA,eAAQ,EAAC,OAEjD,MAAMG,aAAe,CAAC,CAAEC,UAAU,CAAqB,IACrDV,SAAS,CAAEU,WAAYN,SAAU,EACnC,EAEA,MAAMO,mBAAqB,AAACC,QAC1B,GAAI,CAACA,MAAO,OAAOV,EAAE,gCACrB,GAAID,iBAAiBW,QAAU,CAACR,UAAW,CAEzCI,gBAAgB,MAChB,OAAON,EACL,oGAEJ,CACAM,gBAAgB,OAChB,OAAO,IACT,EAEA,MACE,oBAACK,YAAK,EACJC,KAAM,KACNC,OAAQjB,OACRC,QAASA,QACTiB,MAAOnB,YAAc,OAASK,EAAE,eAAiBA,EAAE,2BAEnD,qBAACe,UAAI,EAACjB,SAAU,AAACkB,MAA4BT,aAAaS,gBACxD,oBAACC,eAAS,EAACC,WAAYT,mBAAoBU,KAAM,aAAcC,MAAOpB,EAAE,UAEvEK,cACC,oBAACgB,cAAQ,EACPF,KAAM,YACNC,MAAOpB,EAAE,6BACTsB,SAAU,AAACC,GAAMpB,aAAaoB,EAAEC,MAAM,CAACC,OAAO,IAIlD,qBAACC,mBAAY,YACX,oBAACC,YAAM,EAACC,QAAS/B,QAASgC,KAAM,kBAC7B7B,EAAE,YAEL,oBAAC2B,YAAM,EAACE,KAAM,kBAAW7B,EAAE,iBAKrC"}

package/lib/cjs/components/Filter/RemotePersistence/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./RemotePersistentFilterDropdown"),exports);_export_star(require("./types"),exports);_export_star(require("./useRemotePersistentFilters"),exports);_export_star(require("./SaveFilterMenu"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Filter/RemotePersistence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./RemotePersistentFilterDropdown\"\nexport * from \"./types\"\nexport * from \"./useRemotePersistentFilters\"\nexport * from \"./SaveFilterMenu\"\n"],"names":[],"mappings":"2FAIc,kEACA,yCACA,8DACA"}

package/lib/cjs/components/Filter/RemotePersistence/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});
+//# sourceMappingURL=types.js.map

package/lib/cjs/components/Filter/RemotePersistence/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/types.ts"],"names":[],"mappings":""}

package/lib/cjs/components/Filter/RemotePersistence/useRemotePersistentFilters.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useRemotePersistentFilters",{enumerable:true,get:function(){return useRemotePersistentFilters}});const _utils=require("../utils");const _react=require("react");const useRemotePersistentFilters=({remotelyPersistedFilters,filterConfig,onApply,handleDeleteFilter})=>{const[initialState,setInitialState]=(0,_react.useState)();const[selectedFilterId,setSelectedFilterId]=(0,_react.useState)();const handleDropDownSelect=id=>{const found=remotelyPersistedFilters===null||remotelyPersistedFilters===void 0?void 0:remotelyPersistedFilters.find(s=>s.id===id);if(found){const dto=found.filter;const internalState=_utils.Serializer.deserializeDTOToInternal(filterConfig,dto);handleFilterUpdate(dto,internalState,{wasUserCreated:true,event:_utils.TFilter.EventHandler.EApplyEvent.USER_LOAD_SAVED_FILTER});setSelectedFilterId(found.id)}};const handleFilterUpdate=(dto,internalState,meta)=>{if(internalState.terms.length===0){resetDropdownSelection()}else{setInitialState(internalState)}onApply(dto,internalState,meta)};const resetDropdownSelection=()=>{setSelectedFilterId(undefined);setInitialState(undefined)};const handleFilterDelete=id=>{handleDeleteFilter(id)};return{selectedFilterId,initialState,handleDropDownSelect,handleFilterUpdate,handleFilterDelete}};
+//# sourceMappingURL=useRemotePersistentFilters.js.map

package/lib/cjs/components/Filter/RemotePersistence/useRemotePersistentFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/useRemotePersistentFilters.ts"],"sourcesContent":["import { TFilter, Serializer } from \"../utils\"\nimport { TRemotePersistentFilter } from \"./types\"\nimport { useState } from \"react\"\n\nexport const useRemotePersistentFilters = ({\n  remotelyPersistedFilters,\n  filterConfig,\n  onApply,\n  handleDeleteFilter,\n}: {\n  remotelyPersistedFilters?: TRemotePersistentFilter[]\n  filterConfig: TFilter.Config\n  onApply: TFilter.EventHandler.onApply\n  handleDeleteFilter: (id: string) => void\n}) => {\n  const [initialState, setInitialState] = useState<TFilter.Internal.State>()\n  const [selectedFilterId, setSelectedFilterId] = useState<string>()\n\n  const handleDropDownSelect = (id: string) => {\n    const found = remotelyPersistedFilters?.find((s) => s.id === id)\n    if (found) {\n      const dto = found.filter\n      const internalState = Serializer.deserializeDTOToInternal(filterConfig, dto)\n      handleFilterUpdate(dto, internalState, {\n        wasUserCreated: true,\n        event: TFilter.EventHandler.EApplyEvent.USER_LOAD_SAVED_FILTER,\n      })\n      setSelectedFilterId(found.id)\n    }\n  }\n  const handleFilterUpdate: TFilter.EventHandler.onApply = (dto, internalState, meta) => {\n    if (internalState.terms.length === 0) {\n      resetDropdownSelection()\n    } else {\n      setInitialState(internalState)\n    }\n    onApply(dto, internalState, meta)\n  }\n\n  const resetDropdownSelection = () => {\n    setSelectedFilterId(undefined)\n    setInitialState(undefined)\n  }\n\n  const handleFilterDelete = (id: string) => {\n    handleDeleteFilter(id)\n  }\n\n  return {\n    selectedFilterId,\n    initialState,\n    handleDropDownSelect,\n    handleFilterUpdate,\n    handleFilterDelete,\n  }\n}\n"],"names":["useRemotePersistentFilters","remotelyPersistedFilters","filterConfig","onApply","handleDeleteFilter","initialState","setInitialState","useState","selectedFilterId","setSelectedFilterId","handleDropDownSelect","id","found","find","s","dto","filter","internalState","Serializer","deserializeDTOToInternal","handleFilterUpdate","wasUserCreated","event","TFilter","EventHandler","EApplyEvent","USER_LOAD_SAVED_FILTER","meta","terms","length","resetDropdownSelection","undefined","handleFilterDelete"],"mappings":"oGAIaA,oEAAAA,mDAJuB,iCAEX,SAElB,MAAMA,2BAA6B,CAAC,CACzCC,wBAAwB,CACxBC,YAAY,CACZC,OAAO,CACPC,kBAAkB,CAMnB,IACC,KAAM,CAACC,aAAcC,gBAAgB,CAAGC,GAAAA,eAAQ,IAChD,KAAM,CAACC,iBAAkBC,oBAAoB,CAAGF,GAAAA,eAAQ,IAExD,MAAMG,qBAAuB,AAACC,KAC5B,MAAMC,MAAQX,iCAAAA,yCAAAA,yBAA0BY,IAAI,CAAC,AAACC,GAAMA,EAAEH,EAAE,GAAKA,IAC7D,GAAIC,MAAO,CACT,MAAMG,IAAMH,MAAMI,MAAM,CACxB,MAAMC,cAAgBC,iBAAU,CAACC,wBAAwB,CAACjB,aAAca,KACxEK,mBAAmBL,IAAKE,cAAe,CACrCI,eAAgB,KAChBC,MAAOC,cAAO,CAACC,YAAY,CAACC,WAAW,CAACC,sBAAsB,AAChE,GACAjB,oBAAoBG,MAAMD,EAAE,CAC9B,CACF,EACA,MAAMS,mBAAmD,CAACL,IAAKE,cAAeU,QAC5E,GAAIV,cAAcW,KAAK,CAACC,MAAM,GAAK,EAAG,CACpCC,wBACF,KAAO,CACLxB,gBAAgBW,cAClB,CACAd,QAAQY,IAAKE,cAAeU,KAC9B,EAEA,MAAMG,uBAAyB,KAC7BrB,oBAAoBsB,WACpBzB,gBAAgByB,UAClB,EAEA,MAAMC,mBAAqB,AAACrB,KAC1BP,mBAAmBO,GACrB,EAEA,MAAO,CACLH,iBACAH,aACAK,qBACAU,mBACAY,kBACF,CACF"}

package/lib/cjs/components/Filter/TermContainer/CircleCrossIcon.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CircleCrossIcon",{enumerable:true,get:function(){return CircleCrossIcon}});const _jsxruntime=require("react/jsx-runtime");const _lucidereact=require("lucide-react");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _CircleCrossIconmodulecss=/*#__PURE__*/_interop_require_default(require("./CircleCrossIcon.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const CircleCrossIcon=({title,onClick})=>{return(0,_jsxruntime.jsx)("span",{className:_CircleCrossIconmodulecss.default["delete-all-terms-button"],"data-testid":"circle-cross-icon",title:title,onClick:onClick,children:(0,_jsxruntime.jsx)(_lucidereact.XCircle,{size:24})})};
+//# sourceMappingURL=CircleCrossIcon.js.map

package/lib/cjs/components/Filter/TermContainer/CircleCrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/TermContainer/CircleCrossIcon.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { XCircle as XCircleIcon } from \"lucide-react\"\nimport React, { MouseEventHandler } from \"react\"\nimport classes from \"./CircleCrossIcon.module.css\"\n\ntype TCircleCrossIconProps = {\n  title: string\n  onClick: MouseEventHandler<HTMLDivElement>\n}\n\nexport const CircleCrossIcon: React.FC<TCircleCrossIconProps> = ({ title, onClick }) => {\n  return (\n    <span\n      className={classes[\"delete-all-terms-button\"]}\n      data-testid={\"circle-cross-icon\"}\n      title={title}\n      onClick={onClick}\n    >\n      <XCircleIcon size={24} />\n    </span>\n  )\n}\n"],"names":["CircleCrossIcon","title","onClick","span","className","classes","data-testid","XCircleIcon","size"],"mappings":"oGAaaA,yDAAAA,6FAT0B,2EACE,wFACrB,qHAOb,MAAMA,gBAAmD,CAAC,CAAEC,KAAK,CAAEC,OAAO,CAAE,IACjF,MACE,oBAACC,QACCC,UAAWC,iCAAO,CAAC,0BAA0B,CAC7CC,cAAa,oBACbL,MAAOA,MACPC,QAASA,iBAET,oBAACK,oBAAW,EAACC,KAAM,MAGzB"}

package/lib/cjs/components/Filter/TermContainer/CircleCrossIcon.module.css

@@ -0,0 +1 @@
+.delete-all-terms-button{color:var(--filter-delete-all-terms-button-color);cursor:pointer;position:absolute;right:0;top:calc(.4375rem*var(--mantine-scale))}.delete-all-terms-button>svg{display:block;line-height:calc(1rem*var(--mantine-scale))}.delete-all-terms-button>*{pointer-events:none}.delete-all-terms-button:hover{color:var(--filter-delete-all-terms-button-hover-color)}:root[data-mantine-color-scheme=dark]{--filter-delete-all-terms-button-color:var(--mantine-color-white);--filter-delete-all-terms-button-hover-color:var(--mantine-color-red-5)}:root:not([data-mantine-color-scheme=dark]){--filter-delete-all-terms-button-color:var(--mantine-color-gray-7);--filter-delete-all-terms-button-hover-color:var(--mantine-color-red-5)}

package/lib/cjs/components/Filter/TermContainer/Term/Attribute.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Attribute",{enumerable:true,get:function(){return Attribute}});const _jsxruntime=require("react/jsx-runtime");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _TermBadge=require("./TermBadge");const _utils=require("../../utils");const _FilterSelect=require("../../utils/FilterSelect");const _Form=require("../../../Form");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _useFilter=require("../../utils/hooks/useFilter");const _core=require("@mantine/core");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Attribute=({termId,onChange,onDelete,currentStep,onKeyDown})=>{var _term_selectedCascadeValues;const{term}=(0,_useFilter.useFilterTerm)(termId);const{config,portalTargetRef}=(0,_useFilter.useFilter)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.white;if(!term)return null;return(0,_jsxruntime.jsx)("span",{className:_indexmodulecss.default["badge-container"],"data-testid":"filter-badge-attribute",children:term.attribute?(0,_jsxruntime.jsx)(_TermBadge.TermBadge,{label:((_term_selectedCascadeValues=term.selectedCascadeValues)===null||_term_selectedCascadeValues===void 0?void 0:_term_selectedCascadeValues.map(val=>val.label).join(" > "))||term.attribute.name.label,onDelete:onDelete,color:badgeFGColor,bgColor:isDarkScheme?theme.colors.gray[1]:theme.colors.gray[7],showDeleteButton:currentStep===_utils.TFilter.Internal.ESTEP.OPERATOR}):(0,_jsxruntime.jsx)(_FilterSelect.FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_Form.Cascade,{options:config.map(configItem=>({value:configItem.name.value,label:configItem.name.label,options:configItem.cascadeValues})),menuPortalTarget:portalTargetRef||undefined,selectProps:{menuIsOpen:true,autoFocus:true,className:_indexmodulecss.default.container},onSelect:val=>{if(val.length===0)return;onChange(val[0].value,val)},onKeyDown:onKeyDown})})})};
+//# sourceMappingURL=Attribute.js.map

package/lib/cjs/components/Filter/TermContainer/Term/Attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/Attribute.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport classes from \"./index.module.css\"\nimport { TermBadge } from \"./TermBadge\"\nimport { TFilter } from \"../../utils\"\nimport { FilterInputWrapper } from \"../../utils/FilterSelect\"\nimport { Cascade, TValue } from \"../../../Form\"\nimport React from \"react\"\nimport { useFilter, useFilterTerm } from \"../../utils/hooks/useFilter\"\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { TCascadeOption } from \"../../../Form/Select/Cascade/CascadeOption\"\nimport ESTEP = TFilter.Internal.ESTEP\n\ntype TAttributeProps = {\n  termId: number\n  onChange: (\n    value: TFilter.ConfigItem[\"name\"][\"value\"],\n    cascadeValue: TCascadeOption<TValue[]>[]\n  ) => void\n  onDelete: () => void\n  currentStep: ESTEP\n  onKeyDown: (e: any) => void\n}\n\n/**\n * The **Attribute** Component contains both the Read and Write part of the Attribute step in the **Term**\n * @param termId termId for correlation\n * @param onChange onChange callback to notify **Term** whenever the Write part changes\n * @param onDelete onDelete callback to notify **Term** when Read part cross icon is clicked\n * @param currentStep Specifies if the Read part cross icon is clickable/visible\n * @param onKeyDown onKeyDown callback to notify **Term** about certain key presses (esc, backspace etc)\n */\nexport const Attribute: React.FC<TAttributeProps> = ({\n  termId,\n  onChange,\n  onDelete,\n  currentStep,\n  onKeyDown,\n}) => {\n  const { term } = useFilterTerm(termId)\n  const { config, portalTargetRef } = useFilter()\n  const theme = useMantineTheme()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.white\n\n  if (!term) return null\n\n  return (\n    <span className={classes[\"badge-container\"]} data-testid={\"filter-badge-attribute\"}>\n      {term.attribute ? (\n        <TermBadge\n          label={\n            term.selectedCascadeValues?.map((val) => val.label).join(\" > \") ||\n            term.attribute.name.label\n          }\n          onDelete={onDelete}\n          color={badgeFGColor}\n          bgColor={isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[7]}\n          showDeleteButton={currentStep === TFilter.Internal.ESTEP.OPERATOR}\n        />\n      ) : (\n        <FilterInputWrapper>\n          <Cascade\n            options={config.map((configItem: TFilter.ConfigItem) => ({\n              value: configItem.name.value,\n              label: configItem.name.label,\n              options: configItem.cascadeValues,\n            }))}\n            menuPortalTarget={portalTargetRef || undefined}\n            selectProps={{\n              menuIsOpen: true,\n              autoFocus: true,\n              className: classes.container,\n            }}\n            onSelect={(val) => {\n              if (val.length === 0) return\n              onChange(val[0].value, val)\n            }}\n            onKeyDown={onKeyDown}\n          />\n        </FilterInputWrapper>\n      )}\n    </span>\n  )\n}\n"],"names":["Attribute","termId","onChange","onDelete","currentStep","onKeyDown","term","useFilterTerm","config","portalTargetRef","useFilter","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","badgeFGColor","black","white","span","className","classes","data-testid","attribute","TermBadge","label","selectedCascadeValues","map","val","join","name","color","bgColor","colors","gray","showDeleteButton","TFilter","Internal","ESTEP","OPERATOR","FilterInputWrapper","Cascade","options","configItem","value","cascadeValues","menuPortalTarget","undefined","selectProps","menuIsOpen","autoFocus","container","onSelect","length"],"mappings":"oGAkCaA,mDAAAA,gIA9BO,gDACM,oCACF,2CACW,gDACH,4EACd,mCACuB,mDACc,qGAuBhD,MAAMA,UAAuC,CAAC,CACnDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,WAAW,CACXC,SAAS,CACV,QAeWC,4BAdV,KAAM,CAAEA,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACN,QAC/B,KAAM,CAAEO,MAAM,CAAEC,eAAe,CAAE,CAAGC,GAAAA,oBAAS,IAC7C,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,MAAMG,aAAeD,aAAeJ,MAAMM,KAAK,CAAGN,MAAMO,KAAK,CAE7D,GAAI,CAACZ,KAAM,OAAO,KAElB,MACE,oBAACa,QAAKC,UAAWC,uBAAO,CAAC,kBAAkB,CAAEC,cAAa,kCACvDhB,KAAKiB,SAAS,CACb,oBAACC,oBAAS,EACRC,MACEnB,EAAAA,4BAAAA,KAAKoB,qBAAqB,UAA1BpB,4CAAAA,4BAA4BqB,GAAG,CAAC,AAACC,KAAQA,IAAIH,KAAK,EAAEI,IAAI,CAAC,SACzDvB,KAAKiB,SAAS,CAACO,IAAI,CAACL,KAAK,CAE3BtB,SAAUA,SACV4B,MAAOf,aACPgB,QAASjB,aAAeJ,MAAMsB,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGvB,MAAMsB,MAAM,CAACC,IAAI,CAAC,EAAE,CACnEC,iBAAkB/B,cAAgBgC,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACC,QAAQ,GAGnE,oBAACC,gCAAkB,WACjB,oBAACC,aAAO,EACNC,QAASlC,OAAOmB,GAAG,CAAC,AAACgB,YAAoC,CAAA,CACvDC,MAAOD,WAAWb,IAAI,CAACc,KAAK,CAC5BnB,MAAOkB,WAAWb,IAAI,CAACL,KAAK,CAC5BiB,QAASC,WAAWE,aAAa,AACnC,CAAA,GACAC,iBAAkBrC,iBAAmBsC,UACrCC,YAAa,CACXC,WAAY,KACZC,UAAW,KACX9B,UAAWC,uBAAO,CAAC8B,SAAS,AAC9B,EACAC,SAAU,AAACxB,MACT,GAAIA,IAAIyB,MAAM,GAAK,EAAG,OACtBnD,SAAS0B,GAAG,CAAC,EAAE,CAACgB,KAAK,CAAEhB,IACzB,EACAvB,UAAWA,eAMvB"}

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

@@ -0,0 +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)};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

package/lib/cjs/components/Filter/TermContainer/Term/DisplayValue/index.module.css

@@ -0,0 +1 @@
+.button{background:none;border:none;color:transparent;cursor:pointer;font:inherit;outline:inherit;padding:0;pointer-events:all}.badge{justify-content:space-between}

package/lib/cjs/components/Filter/TermContainer/Term/Operator.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Operator",{enumerable:true,get:function(){return Operator}});const _jsxruntime=require("react/jsx-runtime");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _TermBadge=require("./TermBadge");const _FilterSelect=require("../../utils/FilterSelect");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _useFilter=require("../../utils/hooks/useFilter");const _core=require("@mantine/core");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Operator=({termId,onChange,onDelete,currentStep,onKeyDown})=>{var _term_attribute;const{term}=(0,_useFilter.useFilterTerm)(termId);const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.white;if(!term)return null;return(0,_jsxruntime.jsx)("span",{className:_indexmodulecss.default["badge-container"],"data-testid":"filter-badge-operator",children:term.operator?(0,_jsxruntime.jsx)(_TermBadge.TermBadge,{label:term.operator.label,onDelete:()=>{onDelete()},color:badgeFGColor,bgColor:isDarkScheme?theme.colors.gray[1]:theme.colors.gray[7],showDeleteButton:currentStep===2&&!term.completed}):(0,_jsxruntime.jsx)(_FilterSelect.FilterSelect,{options:(_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.operators,onChange:val=>!Array.isArray(val)&&val&&onChange(val.value),onKeyDown:onKeyDown})})};
+//# sourceMappingURL=Operator.js.map

package/lib/cjs/components/Filter/TermContainer/Term/Operator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/Operator.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport classes from \"./index.module.css\"\nimport { TermBadge } from \"./TermBadge\"\nimport { TFilter, TSelectOnChangeReturn } from \"../../utils\"\nimport { FilterSelect } from \"../../utils/FilterSelect\"\nimport React from \"react\"\nimport { useFilterTerm } from \"../../utils/hooks/useFilter\"\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport ESTEP = TFilter.Internal.ESTEP\n\ntype TOperatorProps = {\n  termId: number\n  onChange: (value: TFilter.Operator[\"value\"]) => void\n  onDelete: () => void\n  currentStep: ESTEP\n  onKeyDown: (e: any) => void\n}\n\n/**\n * The **Operator** Component contains both the Read and Write part of the Operator step in the **Term**\n * @param termId termId for correlation\n * @param onChange onChange callback to notify **Term** whenever the Write part changes\n * @param onDelete onDelete callback to notify **Term** when Read part cross icon is clicked\n * @param currentStep Specifies if the Read part cross icon is clickable/visible\n * @param onKeyDown onKeyDown callback to notify **Term** about certain key presses (esc, backspace etc)\n */\nexport const Operator: React.FC<TOperatorProps> = ({\n  termId,\n  onChange,\n  onDelete,\n  currentStep,\n  onKeyDown,\n}) => {\n  const { term } = useFilterTerm(termId)\n  const theme = useMantineTheme()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const badgeFGColor = isDarkScheme ? theme.black : theme.white\n\n  if (!term) return null\n\n  return (\n    <span className={classes[\"badge-container\"]} data-testid={\"filter-badge-operator\"}>\n      {term.operator ? (\n        <TermBadge\n          label={term.operator.label}\n          onDelete={() => {\n            onDelete()\n          }}\n          color={badgeFGColor}\n          bgColor={isDarkScheme ? theme.colors.gray[1] : theme.colors.gray[7]}\n          showDeleteButton={currentStep === 2 && !term.completed}\n        />\n      ) : (\n        <FilterSelect\n          options={term.attribute?.operators}\n          onChange={(val) =>\n            !Array.isArray(val) && val && onChange((val as TSelectOnChangeReturn).value as string)\n          }\n          onKeyDown={onKeyDown}\n        />\n      )}\n    </span>\n  )\n}\n"],"names":["Operator","termId","onChange","onDelete","currentStep","onKeyDown","term","useFilterTerm","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","badgeFGColor","black","white","span","className","classes","data-testid","operator","TermBadge","label","color","bgColor","colors","gray","showDeleteButton","completed","FilterSelect","options","attribute","operators","val","Array","isArray","value"],"mappings":"oGA6BaA,kDAAAA,+HAzBO,gDACM,2CAEG,uFACX,mCACY,mDACyB,qGAmBhD,MAAMA,SAAqC,CAAC,CACjDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,WAAW,CACXC,SAAS,CACV,QAuBkBC,gBAtBjB,KAAM,CAAEA,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACN,QAC/B,MAAMO,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,MAAMG,aAAeD,aAAeJ,MAAMM,KAAK,CAAGN,MAAMO,KAAK,CAE7D,GAAI,CAACT,KAAM,OAAO,KAElB,MACE,oBAACU,QAAKC,UAAWC,uBAAO,CAAC,kBAAkB,CAAEC,cAAa,iCACvDb,KAAKc,QAAQ,CACZ,oBAACC,oBAAS,EACRC,MAAOhB,KAAKc,QAAQ,CAACE,KAAK,CAC1BnB,SAAU,KACRA,UACF,EACAoB,MAAOV,aACPW,QAASZ,aAAeJ,MAAMiB,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGlB,MAAMiB,MAAM,CAACC,IAAI,CAAC,EAAE,CACnEC,iBAAkBvB,cAAgB,GAAK,CAACE,KAAKsB,SAAS,GAGxD,oBAACC,0BAAY,EACXC,OAAO,EAAExB,gBAAAA,KAAKyB,SAAS,UAAdzB,gCAAAA,gBAAgB0B,SAAS,CAClC9B,SAAU,AAAC+B,KACT,CAACC,MAAMC,OAAO,CAACF,MAAQA,KAAO/B,SAAS,AAAC+B,IAA8BG,KAAK,EAE7E/B,UAAWA,aAKrB"}

package/lib/cjs/components/Filter/TermContainer/Term/TermBadge.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TermBadge",{enumerable:true,get:function(){return TermBadge}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _FilterBadge=require("../../utils/FilterBadge");const _lucidereact=require("lucide-react");const _core=require("@mantine/core");const _TermBadgemodulecss=/*#__PURE__*/_interop_require_default(require("./TermBadge.module.css"));const _cx=require("../../../../helper/cx");const _NumberInline=require("../../../NumberInline");const _utils=require("../../utils");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=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const TermBadge=_param=>{var{label,controlType,onDelete,showDeleteButton,className}=_param,badgeProps=_object_without_properties(_param,["label","controlType","onDelete","showDeleteButton","className"]);const DeleteButton=()=>(0,_jsxruntime.jsx)("span",{className:_TermBadgemodulecss.default["delete-button"],"data-testid":"filter-badge-delete-button",onClick:e=>{e.stopPropagation();onDelete(e)},children:(0,_jsxruntime.jsx)(_lucidereact.X,{size:16})});const labelLength=label.toString().length;if(labelLength>20){return(0,_jsxruntime.jsxs)(_FilterBadge.FilterBadge,_object_spread_props(_object_spread({},badgeProps),{className:className,borderRadius:"2px",children:[(0,_jsxruntime.jsx)(_core.Tooltip,{label:label,"data-readonly-clickable":true,styles:{tooltip:{maxWidth:"50vw",wordBreak:"break-all",height:"auto",position:"fixed"}},multiline:true,children:(0,_jsxruntime.jsxs)("span",{"data-testid":"filter-term-badge-label",style:{pointerEvents:"all"},children:[label.toString().substring(0,20),"..."]})}),showDeleteButton&&(0,_jsxruntime.jsx)(DeleteButton,{})]}))}return(0,_jsxruntime.jsxs)(_FilterBadge.FilterBadge,_object_spread_props(_object_spread({},badgeProps),{className:(0,_cx.cx)(className,_TermBadgemodulecss.default.container),borderRadius:"2px",children:[controlType!=undefined&&(controlType==_utils.TFilter.EControlType.FLOAT||controlType==_utils.TFilter.EControlType.INTEGER)?(0,_jsxruntime.jsx)("span",{"data-testid":"filter-term-badge-label",children:(0,_jsxruntime.jsx)(_NumberInline.NumberInline,{number:label})}):(0,_jsxruntime.jsx)("span",{"data-testid":"filter-term-badge-label",children:label}),showDeleteButton&&(0,_jsxruntime.jsx)(DeleteButton,{})]}))};
+//# sourceMappingURL=TermBadge.js.map

package/lib/cjs/components/Filter/TermContainer/Term/TermBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/TermBadge.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { MouseEventHandler } from \"react\"\nimport { FilterBadge } from \"../../utils/FilterBadge\"\nimport { X as CrossIcon } from \"lucide-react\"\nimport { Tooltip } from \"@mantine/core\"\nimport classes from \"./TermBadge.module.css\"\nimport { cx } from \"../../../../helper/cx\"\nimport { NumberInline } from \"../../../NumberInline\"\nimport { TFilter } from \"../../utils\"\n\ntype TTermBadgeProps = {\n  label: string | number\n  controlType?: TFilter.EControlType\n  onDelete: MouseEventHandler<HTMLSpanElement>\n  color: string\n  bgColor: string\n  showDeleteButton: boolean\n  className?: string\n  border?: string\n}\n\nconst TermBadge: React.FC<TTermBadgeProps> = ({\n  label,\n  controlType,\n  onDelete,\n  showDeleteButton,\n  className,\n  ...badgeProps\n}) => {\n  const DeleteButton = () => (\n    <span\n      className={classes[\"delete-button\"]}\n      data-testid={\"filter-badge-delete-button\"}\n      onClick={(e) => {\n        e.stopPropagation()\n        onDelete(e)\n      }}\n    >\n      {/* the icon's foreground color needs to be set to match the font color of the badge which depends\n            on the theme and the background color of the badge. Currently, not setting the color fulfills this\n             requirement for the light theme. */}\n      <CrossIcon size={16} />\n    </span>\n  )\n\n  const labelLength = label.toString().length\n\n  if (labelLength > 20) {\n    return (\n      <FilterBadge {...badgeProps} className={className} borderRadius={\"2px\"}>\n        <Tooltip\n          label={label}\n          data-readonly-clickable\n          styles={{\n            tooltip: {\n              maxWidth: \"50vw\",\n              wordBreak: \"break-all\",\n              height: \"auto\",\n              position: \"fixed\",\n            },\n          }}\n          multiline\n        >\n          <span data-testid={\"filter-term-badge-label\"} style={{ pointerEvents: \"all\" }}>\n            {label.toString().substring(0, 20)}...\n          </span>\n        </Tooltip>\n        {showDeleteButton && <DeleteButton />}\n      </FilterBadge>\n    )\n  }\n\n  return (\n    <FilterBadge {...badgeProps} className={cx(className, classes.container)} borderRadius={\"2px\"}>\n      {controlType != undefined &&\n      (controlType == TFilter.EControlType.FLOAT || controlType == TFilter.EControlType.INTEGER) ? (\n        <span data-testid={\"filter-term-badge-label\"}>\n          <NumberInline number={label as number} />\n        </span>\n      ) : (\n        <span data-testid={\"filter-term-badge-label\"}>{label}</span>\n      )}\n      {showDeleteButton && <DeleteButton />}\n    </FilterBadge>\n  )\n}\n\nexport { TermBadge }\n"],"names":["TermBadge","label","controlType","onDelete","showDeleteButton","className","badgeProps","DeleteButton","span","classes","data-testid","onClick","e","stopPropagation","CrossIcon","size","labelLength","toString","length","FilterBadge","borderRadius","Tooltip","data-readonly-clickable","styles","tooltip","maxWidth","wordBreak","height","position","multiline","style","pointerEvents","substring","cx","container","undefined","TFilter","EControlType","FLOAT","INTEGER","NumberInline","number"],"mappings":"oGA0FSA,mDAAAA,uHAtFgC,qCACb,sDACG,oCACP,yFACJ,6CACD,qDACU,8CACL,shEAaxB,MAAMA,UAAuC,YAAC,CAC5CC,KAAK,CACLC,WAAW,CACXC,QAAQ,CACRC,gBAAgB,CAChBC,SAAS,CAEV,QADIC,8CALHL,QACAC,cACAC,WACAC,mBACAC,cAGA,MAAME,aAAe,IACnB,oBAACC,QACCH,UAAWI,2BAAO,CAAC,gBAAgB,CACnCC,cAAa,6BACbC,QAAS,AAACC,IACRA,EAAEC,eAAe,GACjBV,SAASS,EACX,WAKA,oBAACE,cAAS,EAACC,KAAM,OAIrB,MAAMC,YAAcf,MAAMgB,QAAQ,GAAGC,MAAM,CAE3C,GAAIF,YAAc,GAAI,CACpB,MACE,qBAACG,wBAAW,wCAAKb,aAAYD,UAAWA,UAAWe,aAAc,gBAC/D,oBAACC,aAAO,EACNpB,MAAOA,MACPqB,yBAAuB,MACvBC,OAAQ,CACNC,QAAS,CACPC,SAAU,OACVC,UAAW,YACXC,OAAQ,OACRC,SAAU,OACZ,CACF,EACAC,SAAS,eAET,qBAACrB,QAAKE,cAAa,0BAA2BoB,MAAO,CAAEC,cAAe,KAAM,YACzE9B,MAAMgB,QAAQ,GAAGe,SAAS,CAAC,EAAG,IAAI,WAGtC5B,kBAAoB,oBAACG,oBAG5B,CAEA,MACE,qBAACY,wBAAW,wCAAKb,aAAYD,UAAW4B,GAAAA,MAAE,EAAC5B,UAAWI,2BAAO,CAACyB,SAAS,EAAGd,aAAc,gBACrFlB,aAAeiC,WACfjC,CAAAA,aAAekC,cAAO,CAACC,YAAY,CAACC,KAAK,EAAIpC,aAAekC,cAAO,CAACC,YAAY,CAACE,OAAO,AAAD,EACtF,oBAAC/B,QAAKE,cAAa,mCACjB,oBAAC8B,0BAAY,EAACC,OAAQxC,UAGxB,oBAACO,QAAKE,cAAa,mCAA4BT,QAEhDG,kBAAoB,oBAACG,oBAG5B"}

package/lib/cjs/components/Filter/TermContainer/Term/TermBadge.module.css

@@ -0,0 +1 @@
+.delete-button{cursor:var(--filter-delete-button-cursor)}.delete-button>svg{display:block;line-height:calc(1rem*var(--mantine-scale))}.delete-button>*{pointer-events:none}.container{align-items:center;background-color:var(--filter-container-background-color);border-radius:calc(.125rem*var(--mantine-scale));display:flex;gap:calc(.3125rem*var(--mantine-scale));margin-top:calc(.125rem*var(--mantine-scale))}.tooltip{max-width:50vw;word-break:break-all}:root[data-mantine-color-scheme=dark]{--filter-delete-button-cursor:pointer;--filter-container-background-color:var(--mantine-color-gray-8)}:root:not([data-mantine-color-scheme=dark]){--filter-delete-button-cursor:pointer;--filter-container-background-color:var(--mantine-color-gray-0)}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AutocompleteSelect",{enumerable:true,get:function(){return AutocompleteSelect}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _useFilter=require("../../../utils/hooks/useFilter");const _FilterSelect=require("../../../utils/FilterSelect");const _core=require("@mantine/core");const _reactselect=/*#__PURE__*/_interop_require_default(require("react-select"));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 AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=(0,_react.useState)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";if(!attribute||!operator||!controlType)return null;const options=values===null||values===void 0?void 0:values.map(v=>({label:v,value:v}));return(0,_jsxruntime.jsx)(_FilterSelect.FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_reactselect.default,{onChange:e=>{const val=Array.isArray(e)?e.map(x=>x.value):(e===null||e===void 0?void 0:e.value)||"";handleValueChange(val,true)},menuIsOpen:true,placeholder:null,autoFocus:true,onInputChange:setTypedValue,options:options,onKeyDown:e=>{if(e.key==="Enter"&&typedValue){e.preventDefault();e.stopPropagation();handleValueChange(typedValue,true)}else{onKeyDown(e)}},styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[5]:theme.colors.green[1]:isDarkScheme?theme.colors.gray[9]:base.backgroundColor,"&:active":{backgroundColor:isDarkScheme?theme.colors.green[7]:theme.colors.green[3]},color:isDarkScheme?theme.white:base.color})},multiValue:base=>_object_spread_props(_object_spread({},base),{borderRadius:"2px",backgroundColor:isDarkScheme?theme.colors.gray[7]:theme.colors.gray[1],color:isDarkScheme?theme.white:theme.colors.gray[9]}),multiValueLabel:base=>_object_spread_props(_object_spread({},base),{color:isDarkScheme?theme.white:theme.colors.gray[9]}),multiValueRemove:base=>_object_spread_props(_object_spread({},base),{color:isDarkScheme?theme.white:theme.colors.gray[9],"&:hover":{backgroundColor:"inherit",borderRadius:"2px",cursor:"pointer",color:isDarkScheme?theme.black:theme.white}}),input:base=>isDarkScheme?_object_spread_props(_object_spread({},base),{color:theme.white}):base,dropdownIndicator:base=>_object_spread_props(_object_spread({},base),{paddingTop:0,paddingBottom:0}),clearIndicator:base=>_object_spread_props(_object_spread({},base),{paddingTop:0,paddingBottom:0}),menu:base=>_object_spread_props(_object_spread({},base),{border:`1px solid ${isDarkScheme?theme.colors.gray[8]:theme.colors.gray[2]}`,borderRadius:"2px",backgroundColor:isDarkScheme?theme.colors.gray[9]:base.backgroundColor}),menuPortal:base=>_object_spread_props(_object_spread({},base),{zIndex:201})},hideSelectedOptions:true,noOptionsMessage:()=>null,components:{DropdownIndicator:()=>null,IndicatorSeparator:()=>null}})})};
+//# sourceMappingURL=AutocompleteSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, useState } from \"react\"\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { FilterInputWrapper } from \"../../../utils/FilterSelect\"\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { TValue } from \"../../../../Form/Select/Cascade\"\nimport Select, { CSSObjectWithLabel } from \"react-select\"\n\n/**\n * This component follows the TValueFieldProps prop \"interface\".\n * Whenever a value change is applied (An option is selected, freetext is applied, date is selected, etc...) the handleValueChange function is applied\n * @param termId id of the term\n * @param values Values for the dropdown options\n * @param controlType *ControlType* of the term\n * @param onKeyDown onkeyDown callback to notify **Term** whenever a special keyDown event happens (Escape, Backspace, ...)\n */\nexport const AutocompleteSelect: FC<TValueFieldProps> = ({\n  termId,\n  values,\n  controlType,\n  onKeyDown,\n}) => {\n  const { handleValueChange, term } = useFilterTerm(termId)\n  if (!term) return null\n  const { attribute, operator } = term\n  const [typedValue, setTypedValue] = useState<string>()\n  const theme = useMantineTheme()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  if (!attribute || !operator || !controlType) return null\n  const options = values?.map((v) => ({ label: v, value: v }))\n\n  return (\n    <FilterInputWrapper>\n      <Select<TValue, false>\n        onChange={(e) => {\n          const val = Array.isArray(e) ? e.map((x) => x.value) : e?.value || \"\"\n\n          handleValueChange(val, true)\n        }}\n        menuIsOpen={true}\n        placeholder={null}\n        autoFocus={true}\n        onInputChange={setTypedValue}\n        options={options}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && typedValue) {\n            e.preventDefault()\n            e.stopPropagation()\n            handleValueChange(typedValue, true)\n          } else {\n            onKeyDown(e)\n          }\n        }}\n        styles={{\n          control: (base) =>\n            ({\n              ...base,\n              minHeight: 30,\n              backgroundColor: isDarkScheme ? theme.colors.gray[8] : base.backgroundColor,\n              color: isDarkScheme ? theme.white : base.backgroundColor,\n            }) as CSSObjectWithLabel,\n          option: (base, { isFocused }) => {\n            return {\n              ...base,\n              wordBreak: \"break-all\",\n              backgroundColor: isFocused\n                ? isDarkScheme\n                  ? theme.colors.green[5]\n                  : theme.colors.green[1]\n                : isDarkScheme\n                  ? theme.colors.gray[9]\n                  : base.backgroundColor,\n              \"&:active\": {\n                backgroundColor: isDarkScheme ? theme.colors.green[7] : theme.colors.green[3],\n              },\n              color: isDarkScheme ? theme.white : base.color,\n            } as CSSObjectWithLabel\n          },\n          multiValue: (base) =>\n            ({\n              ...base,\n              borderRadius: \"2px\",\n              backgroundColor: isDarkScheme ? theme.colors.gray[7] : theme.colors.gray[1],\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n            }) as CSSObjectWithLabel,\n          multiValueLabel: (base) =>\n            ({\n              ...base,\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n            }) as CSSObjectWithLabel,\n          multiValueRemove: (base) =>\n            ({\n              ...base,\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n              \"&:hover\": {\n                backgroundColor: \"inherit\",\n                borderRadius: \"2px\",\n                cursor: \"pointer\",\n                color: isDarkScheme ? theme.black : theme.white,\n              },\n            }) as CSSObjectWithLabel,\n          input: (base) =>\n            (isDarkScheme ? { ...base, color: theme.white } : base) as CSSObjectWithLabel,\n          dropdownIndicator: (base) =>\n            ({\n              ...base,\n              paddingTop: 0,\n              paddingBottom: 0,\n            }) as CSSObjectWithLabel,\n          clearIndicator: (base) =>\n            ({\n              ...base,\n              paddingTop: 0,\n              paddingBottom: 0,\n            }) as CSSObjectWithLabel,\n          menu: (base) =>\n            ({\n              ...base,\n              border: `1px solid ${isDarkScheme ? theme.colors.gray[8] : theme.colors.gray[2]}`,\n              borderRadius: \"2px\",\n              backgroundColor: isDarkScheme ? theme.colors.gray[9] : base.backgroundColor,\n            }) as CSSObjectWithLabel,\n          menuPortal: (base) =>\n            ({\n              ...base,\n              zIndex: 201,\n            }) as CSSObjectWithLabel,\n        }}\n        hideSelectedOptions={true}\n        noOptionsMessage={() => null}\n        components={{\n          DropdownIndicator: () => null,\n          IndicatorSeparator: () => null,\n        }}\n      />\n    </FilterInputWrapper>\n  )\n}\n"],"names":["AutocompleteSelect","termId","values","controlType","onKeyDown","handleValueChange","term","useFilterTerm","attribute","operator","typedValue","setTypedValue","useState","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","options","map","v","label","value","FilterInputWrapper","Select","onChange","e","val","Array","isArray","x","menuIsOpen","placeholder","autoFocus","onInputChange","key","preventDefault","stopPropagation","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","wordBreak","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","border","menuPortal","zIndex","hideSelectedOptions","noOptionsMessage","components","DropdownIndicator","IndicatorSeparator"],"mappings":"oGAoBaA,4DAAAA,0FAhBgB,kCAEC,8DACK,mDACoB,kFAEZ,40CAUpC,MAAMA,mBAA2C,CAAC,CACvDC,MAAM,CACNC,MAAM,CACNC,WAAW,CACXC,SAAS,CACV,IACC,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACN,QAClD,GAAI,CAACK,KAAM,OAAO,KAClB,KAAM,CAAEE,SAAS,CAAEC,QAAQ,CAAE,CAAGH,KAChC,KAAM,CAACI,WAAYC,cAAc,CAAGC,GAAAA,eAAQ,IAC5C,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,GAAI,CAACP,WAAa,CAACC,UAAY,CAACN,YAAa,OAAO,KACpD,MAAMe,QAAUhB,eAAAA,uBAAAA,OAAQiB,GAAG,CAAC,AAACC,GAAO,CAAA,CAAEC,MAAOD,EAAGE,MAAOF,CAAE,CAAA,GAEzD,MACE,oBAACG,gCAAkB,WACjB,oBAACC,oBAAM,EACLC,SAAU,AAACC,IACT,MAAMC,IAAMC,MAAMC,OAAO,CAACH,GAAKA,EAAEP,GAAG,CAAC,AAACW,GAAMA,EAAER,KAAK,EAAII,CAAAA,UAAAA,kBAAAA,EAAGJ,KAAK,GAAI,GAEnEjB,kBAAkBsB,IAAK,KACzB,EACAI,WAAY,KACZC,YAAa,KACbC,UAAW,KACXC,cAAevB,cACfO,QAASA,QACTd,UAAW,AAACsB,IACV,GAAIA,EAAES,GAAG,GAAK,SAAWzB,WAAY,CACnCgB,EAAEU,cAAc,GAChBV,EAAEW,eAAe,GACjBhC,kBAAkBK,WAAY,KAChC,KAAO,CACLN,UAAUsB,EACZ,CACF,EACAY,OAAQ,CACNC,QAAS,AAACC,MACP,uCACIA,OACHC,UAAW,GACXC,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGJ,KAAKE,eAAe,CAC3EG,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGN,KAAKE,eAAe,GAE5DK,OAAQ,CAACP,KAAM,CAAEQ,SAAS,CAAE,IAC1B,OAAO,uCACFR,OACHS,UAAW,YACXP,gBAAiBM,UACb/B,aACEJ,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CACrBrC,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CACvBjC,aACEJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CACpBJ,KAAKE,eAAe,CAC1B,WAAY,CACVA,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CAAGrC,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,AAC/E,EACAL,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGN,KAAKK,KAAK,EAElD,EACAM,WAAY,AAACX,MACV,uCACIA,OACHY,aAAc,MACdV,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAG/B,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAC3EC,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,GAE5DS,gBAAiB,AAACb,MACf,uCACIA,OACHK,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,GAE5DU,iBAAkB,AAACd,MAChB,uCACIA,OACHK,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CACxD,UAAW,CACTF,gBAAiB,UACjBU,aAAc,MACdG,OAAQ,UACRV,MAAO5B,aAAeJ,MAAM2C,KAAK,CAAG3C,MAAMiC,KAAK,AACjD,IAEJW,MAAO,AAACjB,MACLvB,aAAe,uCAAKuB,OAAMK,MAAOhC,MAAMiC,KAAK,GAAKN,KACpDkB,kBAAmB,AAAClB,MACjB,uCACIA,OACHmB,WAAY,EACZC,cAAe,IAEnBC,eAAgB,AAACrB,MACd,uCACIA,OACHmB,WAAY,EACZC,cAAe,IAEnBE,KAAM,AAACtB,MACJ,uCACIA,OACHuB,OAAQ,CAAC,UAAU,EAAE9C,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAG/B,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CACjFQ,aAAc,MACdV,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGJ,KAAKE,eAAe,GAE/EsB,WAAY,AAACxB,MACV,uCACIA,OACHyB,OAAQ,KAEd,EACAC,oBAAqB,KACrBC,iBAAkB,IAAM,KACxBC,WAAY,CACVC,kBAAmB,IAAM,KACzBC,mBAAoB,IAAM,IAC5B,KAIR"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"EnumInput",{enumerable:true,get:function(){return EnumInput}});const _jsxruntime=require("react/jsx-runtime");const _FilterSelect=require("../../../utils/FilterSelect");const _useFilter=require("../../../utils/hooks/useFilter");const _react=require("react");const _utils=require("../../../utils");const _reacti18next=require("react-i18next");const EnumInput=props=>{var _props_values;const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(props.termId);const{t}=(0,_reacti18next.useTranslation)();if(!term)return null;const{attribute,operator,value}=term;const[values,setValues]=(0,_react.useState)(value||[]);if(!attribute||!operator||!props.controlType||!props.values)return null;return(0,_jsxruntime.jsx)(_FilterSelect.FilterSelect,{value:values||value,withTranslation:true,multiple:attribute.multiSelect,options:(_props_values=props.values)===null||_props_values===void 0?void 0:_props_values.map(x=>({value:x,label:t(x)})),onChange:val=>{if(Array.isArray(val)){setValues((0,_utils.appendValueToCurrentValueArray)(props.controlType,val.map(x=>x.value)))}else{handleValueChange(val.value,true)}},onBlur:e=>{e.stopPropagation();handleValueChange(values)},onKeyDown:e=>{e.stopPropagation();props.onKeyDown(e);if(attribute.multiSelect&&e.code.match(/Enter|Tab|Escape/)){e.preventDefault();handleValueChange(values,!!e.code.match(/Enter/))}}})};
+//# sourceMappingURL=EnumInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/EnumInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FilterSelect } from \"../../../utils/FilterSelect\"\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useState } from \"react\"\nimport { appendValueToCurrentValueArray } from \"../../../utils\"\nimport { useTranslation } from \"react-i18next\"\nimport { TFilter } from \"../../../utils\"\n\nexport const EnumInput: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n  const { t } = useTranslation()\n  if (!term) return null\n  const { attribute, operator, value } = term\n  const [values, setValues] = useState<TFilter.Internal.Term.TermValue>(value || [])\n\n  if (!attribute || !operator || !props.controlType || !props.values) return null\n\n  return (\n    <FilterSelect\n      value={values || value}\n      withTranslation\n      multiple={attribute.multiSelect}\n      options={props.values?.map((x) => ({ value: x, label: t(x) }))}\n      onChange={(val) => {\n        if (Array.isArray(val)) {\n          setValues(\n            appendValueToCurrentValueArray(\n              props.controlType,\n              val.map((x) => x.value)\n            )\n          )\n        } else {\n          handleValueChange((val as { value: string }).value, true)\n        }\n      }}\n      onBlur={(e) => {\n        e.stopPropagation()\n        handleValueChange(values)\n      }}\n      onKeyDown={(e) => {\n        e.stopPropagation()\n        props.onKeyDown(e)\n        if (attribute.multiSelect && e.code.match(/Enter|Tab|Escape/)) {\n          e.preventDefault()\n          handleValueChange(values, !!e.code.match(/Enter/))\n        }\n      }}\n    />\n  )\n}\n"],"names":["EnumInput","props","handleValueChange","term","useFilterTerm","termId","t","useTranslation","attribute","operator","value","values","setValues","useState","controlType","FilterSelect","withTranslation","multiple","multiSelect","options","map","x","label","onChange","val","Array","isArray","appendValueToCurrentValueArray","onBlur","e","stopPropagation","onKeyDown","code","match","preventDefault"],"mappings":"oGAYaA,mDAAAA,wFARgB,wDAEC,uDACL,8BACsB,8CAChB,iBAGxB,MAAMA,UAAwC,AAACC,YAcvCA,cAbb,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACH,MAAMI,MAAM,EAC9D,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,GAAI,CAACJ,KAAM,OAAO,KAClB,KAAM,CAAEK,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGP,KACvC,KAAM,CAACQ,OAAQC,UAAU,CAAGC,GAAAA,eAAQ,EAAkCH,OAAS,EAAE,EAEjF,GAAI,CAACF,WAAa,CAACC,UAAY,CAACR,MAAMa,WAAW,EAAI,CAACb,MAAMU,MAAM,CAAE,OAAO,KAE3E,MACE,oBAACI,0BAAY,EACXL,MAAOC,QAAUD,MACjBM,eAAe,MACfC,SAAUT,UAAUU,WAAW,CAC/BC,OAAO,EAAElB,cAAAA,MAAMU,MAAM,UAAZV,8BAAAA,cAAcmB,GAAG,CAAC,AAACC,GAAO,CAAA,CAAEX,MAAOW,EAAGC,MAAOhB,EAAEe,EAAG,CAAA,GAC3DE,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtBZ,UACEe,GAAAA,qCAA8B,EAC5B1B,MAAMa,WAAW,CACjBU,IAAIJ,GAAG,CAAC,AAACC,GAAMA,EAAEX,KAAK,GAG5B,KAAO,CACLR,kBAAkB,AAACsB,IAA0Bd,KAAK,CAAE,KACtD,CACF,EACAkB,OAAQ,AAACC,IACPA,EAAEC,eAAe,GACjB5B,kBAAkBS,OACpB,EACAoB,UAAW,AAACF,IACVA,EAAEC,eAAe,GACjB7B,MAAM8B,SAAS,CAACF,GAChB,GAAIrB,UAAUU,WAAW,EAAIW,EAAEG,IAAI,CAACC,KAAK,CAAC,oBAAqB,CAC7DJ,EAAEK,cAAc,GAChBhC,kBAAkBS,OAAQ,CAAC,CAACkB,EAAEG,IAAI,CAACC,KAAK,CAAC,SAC3C,CACF,GAGN"}

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

@@ -0,0 +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)}})};
+//# sourceMappingURL=FilterFieldDatePicker.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return Input}});const _jsxruntime=require("react/jsx-runtime");const _FilterSelect=require("../../../utils/FilterSelect");const _useFilter=require("../../../utils/hooks/useFilter");const _react=require("react");const _utils=require("../../../utils");const _useHandleKeyPress=require("./useHandleKeyPress");const Input=props=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(props.termId);if(!term)return null;const{attribute,operator,value}=term;const handleKeyPress=(0,_useHandleKeyPress.useHandleKeyPress)(term.id,props.onKeyDown);if(!attribute||!operator||!props.controlType||!handleKeyPress)return null;const[values,setValues]=(0,_react.useState)(value||[]);return(0,_jsxruntime.jsx)(_FilterSelect.FilterSelect,{creatable:true,menuIsOpen:false,value:values,multiple:attribute===null||attribute===void 0?void 0:attribute.multiSelect,onChange:val=>{if(Array.isArray(val)){if(!val.length&&!values.length)return;setValues((0,_utils.appendValueToCurrentValueArray)(props.controlType,val.filter(v=>!v.value.match||!v.value.match(/^\s+$/)).map(v=>v.value)))}else{if(!val||val.value.match(/^\s+$/))return;const preparedValue=(0,_utils.appendValueToCurrentValueArray)(props.controlType,val.value);handleValueChange(preparedValue,true)}},onKeyDown:e=>handleKeyPress(e,values),onBlur:e=>{e.stopPropagation();handleValueChange(Array.isArray(values)&&(values===null||values===void 0?void 0:values.length)>0?values:null)}})};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/Input.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FilterSelect } from \"../../../utils/FilterSelect\"\nimport { TValueFieldProps } from \"./types\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { useState } from \"react\"\nimport { appendValueToCurrentValueArray } from \"../../../utils\"\nimport { useHandleKeyPress } from \"./useHandleKeyPress\"\nimport { TFilter } from \"../../../utils\"\n\nexport const Input: React.FC<TValueFieldProps> = (props) => {\n  const { handleValueChange, term } = useFilterTerm(props.termId)\n\n  if (!term) return null\n  const { attribute, operator, value } = term\n  const handleKeyPress = useHandleKeyPress(term.id, props.onKeyDown)\n\n  if (!attribute || !operator || !props.controlType || !handleKeyPress) return null\n\n  // internally used values for Input component. Is necessary to keep values in state once going back and editing this term\n  const [values, setValues] = useState<TFilter.Internal.Term.TermValue>(value || [])\n\n  return (\n    <FilterSelect\n      creatable={true}\n      menuIsOpen={false}\n      value={values}\n      multiple={attribute?.multiSelect}\n      onChange={(val) => {\n        if (Array.isArray(val)) {\n          if (!val.length && !(values as []).length) return\n          setValues(\n            appendValueToCurrentValueArray(\n              props.controlType,\n              val.filter((v) => !v.value.match || !v.value.match(/^\\s+$/)).map((v) => v.value)\n            )\n          )\n        } else {\n          // check if value is undefined or only contains spaces\n          if (!val || (val as { value: string }).value.match(/^\\s+$/)) return\n          const preparedValue = appendValueToCurrentValueArray(\n            props.controlType,\n            (val as { value: string }).value\n          )\n\n          handleValueChange(preparedValue, true)\n        }\n      }}\n      onKeyDown={(e) => handleKeyPress(e, values)}\n      onBlur={(e) => {\n        e.stopPropagation()\n        handleValueChange(Array.isArray(values) && values?.length > 0 ? values : null)\n      }}\n    />\n  )\n}\n"],"names":["Input","props","handleValueChange","term","useFilterTerm","termId","attribute","operator","value","handleKeyPress","useHandleKeyPress","id","onKeyDown","controlType","values","setValues","useState","FilterSelect","creatable","menuIsOpen","multiple","multiSelect","onChange","val","Array","isArray","length","appendValueToCurrentValueArray","filter","v","match","map","preparedValue","e","onBlur","stopPropagation"],"mappings":"oGAYaA,+CAAAA,oFARgB,wDAEC,uDACL,8BACsB,mDACb,uBAG3B,MAAMA,MAAoC,AAACC,QAChD,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACH,MAAMI,MAAM,EAE9D,GAAI,CAACF,KAAM,OAAO,KAClB,KAAM,CAAEG,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGL,KACvC,MAAMM,eAAiBC,GAAAA,oCAAiB,EAACP,KAAKQ,EAAE,CAAEV,MAAMW,SAAS,EAEjE,GAAI,CAACN,WAAa,CAACC,UAAY,CAACN,MAAMY,WAAW,EAAI,CAACJ,eAAgB,OAAO,KAG7E,KAAM,CAACK,OAAQC,UAAU,CAAGC,GAAAA,eAAQ,EAAkCR,OAAS,EAAE,EAEjF,MACE,oBAACS,0BAAY,EACXC,UAAW,KACXC,WAAY,MACZX,MAAOM,OACPM,QAAQ,CAAEd,kBAAAA,0BAAAA,UAAWe,WAAW,CAChCC,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtB,GAAI,CAACA,IAAIG,MAAM,EAAI,CAAC,AAACZ,OAAcY,MAAM,CAAE,OAC3CX,UACEY,GAAAA,qCAA8B,EAC5B1B,MAAMY,WAAW,CACjBU,IAAIK,MAAM,CAAC,AAACC,GAAM,CAACA,EAAErB,KAAK,CAACsB,KAAK,EAAI,CAACD,EAAErB,KAAK,CAACsB,KAAK,CAAC,UAAUC,GAAG,CAAC,AAACF,GAAMA,EAAErB,KAAK,GAGrF,KAAO,CAEL,GAAI,CAACe,KAAO,AAACA,IAA0Bf,KAAK,CAACsB,KAAK,CAAC,SAAU,OAC7D,MAAME,cAAgBL,GAAAA,qCAA8B,EAClD1B,MAAMY,WAAW,CACjB,AAACU,IAA0Bf,KAAK,EAGlCN,kBAAkB8B,cAAe,KACnC,CACF,EACApB,UAAW,AAACqB,GAAMxB,eAAewB,EAAGnB,QACpCoB,OAAQ,AAACD,IACPA,EAAEE,eAAe,GACjBjC,kBAAkBsB,MAAMC,OAAO,CAACX,SAAWA,CAAAA,eAAAA,uBAAAA,OAAQY,MAAM,EAAG,EAAIZ,OAAS,KAC3E,GAGN"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ValueField",{enumerable:true,get:function(){return ValueField}});const _jsxruntime=require("react/jsx-runtime");const _FilterFieldDatePicker=require("./FilterFieldDatePicker");const _useFilter=require("../../../utils/hooks/useFilter");const _Input=require("./Input");const _EnumInput=require("./EnumInput");const _utils=require("../../../utils");const _AutocompleteSelect=require("./AutocompleteSelect");const EControlType=_utils.TFilter.EControlType;const getValues=termState=>{var _termState_selectedCascadeValues,_termState_selectedCascadeValues1,_termState_operator,_termState_attribute;const lastCascadeItem=(_termState_selectedCascadeValues1=termState.selectedCascadeValues)===null||_termState_selectedCascadeValues1===void 0?void 0:_termState_selectedCascadeValues1[((_termState_selectedCascadeValues=termState.selectedCascadeValues)===null||_termState_selectedCascadeValues===void 0?void 0:_termState_selectedCascadeValues.length)-1];if((_termState_operator=termState.operator)===null||_termState_operator===void 0?void 0:_termState_operator.values)return termState.operator.values;if(lastCascadeItem===null||lastCascadeItem===void 0?void 0:lastCascadeItem.meta)return lastCascadeItem.meta.map(v=>v.value);if((_termState_attribute=termState.attribute)===null||_termState_attribute===void 0?void 0:_termState_attribute.values)return termState.attribute.values};const ValueField=({termId,onKeyDown})=>{var _term_operator_control,_term_operator,_term_attribute;if(termId===undefined)return null;const{term}=(0,_useFilter.useFilterTerm)(termId);if(!term)return;const controlType=((_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)||((_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.control.type);const values=getValues(term);if(!controlType)return null;switch(controlType){case _utils.TFilter.EControlType.AUTOCOMPLETE:return(0,_jsxruntime.jsx)(_AutocompleteSelect.AutocompleteSelect,{controlType:controlType,values:values,termId:termId,onKeyDown:onKeyDown});case EControlType.DATETIME:return(0,_jsxruntime.jsx)(_FilterFieldDatePicker.FilterFieldDatePicker,{termId:termId,controlType:controlType,onKeyDown:onKeyDown});case _utils.TFilter.EControlType.ENUM:return(0,_jsxruntime.jsx)(_EnumInput.EnumInput,{controlType:controlType,values:values,termId:termId,onKeyDown:onKeyDown});default:return(0,_jsxruntime.jsx)(_Input.Input,{onKeyDown:onKeyDown,termId:termId,controlType:controlType})}};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FilterFieldDatePicker } from \"./FilterFieldDatePicker\"\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { Input } from \"./Input\"\nimport { EnumInput } from \"./EnumInput\"\nimport { TFilter } from \"../../../utils\"\nimport { AutocompleteSelect } from \"./AutocompleteSelect\"\nimport EControlType = TFilter.EControlType\n\ntype TValueTermField = {\n  termId: number\n  onBlur?: () => void\n  onKeyDown: (e: any) => void\n}\n\n/**\n * This function returns any predefined values inside the configuration.\n * E.g. if you have an \"Operating System\" **Attribute** with an \"Enum\" or \"Autocomplete\" *ControlType*\n * then the **Value** Write part is a Select with these Values as the Select options\n * It checks for term-global value inside the **Attribute** or **Operator** configuration for this term.\n * It also checks for options based on selected **Cascade** sublevel options\n * @param termState internal state of the term\n */\nconst getValues = (termState: TFilter.Internal.Term.State): string[] | undefined => {\n  const lastCascadeItem =\n    termState.selectedCascadeValues?.[termState.selectedCascadeValues?.length - 1]\n  if (termState.operator?.values) return termState.operator.values\n  if (lastCascadeItem?.meta) return lastCascadeItem.meta.map((v) => v.value) // Transform value to make it type compatible. Remove this once the value type isn't string[] anymore\n  if (termState.attribute?.values) return termState.attribute.values\n}\n\n/**\n * Write part of the **Value**. The **ValueField** decides its child-component based on the controlType of the selected **Attribute**.\n * @param termId Id of the term\n * @param onKeyDown onKeyDown callback to notify **Term** whenever a key is pressed in special scenarios (Backspace, Escape, ...)\n */\nexport const ValueField = ({ termId, onKeyDown }: TValueTermField) => {\n  if (termId === undefined) return null\n  const { term } = useFilterTerm(termId)\n  if (!term) return\n  const controlType = term.operator?.control?.type || term.attribute?.control.type\n  const values = getValues(term)\n\n  if (!controlType) return null\n\n  switch (controlType) {\n    case TFilter.EControlType.AUTOCOMPLETE:\n      return (\n        <AutocompleteSelect\n          controlType={controlType}\n          values={values}\n          termId={termId}\n          onKeyDown={onKeyDown}\n        />\n      )\n    case EControlType.DATETIME:\n      return (\n        <FilterFieldDatePicker termId={termId} controlType={controlType} onKeyDown={onKeyDown} />\n      )\n    case TFilter.EControlType.ENUM:\n      return (\n        <EnumInput\n          controlType={controlType}\n          values={values}\n          termId={termId}\n          onKeyDown={onKeyDown}\n        />\n      )\n    default:\n      return <Input onKeyDown={onKeyDown} termId={termId} controlType={controlType} />\n  }\n}\n"],"names":["ValueField","EControlType","getValues","termState","lastCascadeItem","selectedCascadeValues","length","operator","values","meta","map","v","value","attribute","termId","onKeyDown","term","undefined","useFilterTerm","controlType","control","type","TFilter","AUTOCOMPLETE","AutocompleteSelect","DATETIME","FilterFieldDatePicker","ENUM","EnumInput","Input"],"mappings":"oGAuCaA,oDAAAA,kGAnCyB,oDACR,uDACR,oCACI,oCACF,oDACW,wBACnC,MAAOC,aAAe,cAAO,CAAC,YAAY,CAgB1C,MAAMC,UAAY,AAACC,gBAEmBA,iCAAlCA,kCACEA,oBAEAA,qBAJJ,MAAMC,iBACJD,kCAAAA,UAAUE,qBAAqB,UAA/BF,kDAAAA,iCAAiC,CAACA,EAAAA,iCAAAA,UAAUE,qBAAqB,UAA/BF,iDAAAA,iCAAiCG,MAAM,EAAG,EAAE,CAChF,IAAIH,oBAAAA,UAAUI,QAAQ,UAAlBJ,oCAAAA,oBAAoBK,MAAM,CAAE,OAAOL,UAAUI,QAAQ,CAACC,MAAM,CAChE,GAAIJ,wBAAAA,gCAAAA,gBAAiBK,IAAI,CAAE,OAAOL,gBAAgBK,IAAI,CAACC,GAAG,CAAC,AAACC,GAAMA,EAAEC,KAAK,EACzE,IAAIT,qBAAAA,UAAUU,SAAS,UAAnBV,qCAAAA,qBAAqBK,MAAM,CAAE,OAAOL,UAAUU,SAAS,CAACL,MAAM,AACpE,EAOO,MAAMR,WAAa,CAAC,CAAEc,MAAM,CAAEC,SAAS,CAAmB,QAI3CC,uBAAAA,eAAgCA,gBAHpD,GAAIF,SAAWG,UAAW,OAAO,KACjC,KAAM,CAAED,IAAI,CAAE,CAAGE,GAAAA,wBAAa,EAACJ,QAC/B,GAAI,CAACE,KAAM,OACX,MAAMG,YAAcH,EAAAA,eAAAA,KAAKT,QAAQ,UAAbS,gCAAAA,uBAAAA,eAAeI,OAAO,UAAtBJ,uCAAAA,uBAAwBK,IAAI,KAAIL,gBAAAA,KAAKH,SAAS,UAAdG,gCAAAA,gBAAgBI,OAAO,CAACC,IAAI,EAChF,MAAMb,OAASN,UAAUc,MAEzB,GAAI,CAACG,YAAa,OAAO,KAEzB,OAAQA,aACN,KAAKG,cAAO,CAACrB,YAAY,CAACsB,YAAY,CACpC,MACE,oBAACC,sCAAkB,EACjBL,YAAaA,YACbX,OAAQA,OACRM,OAAQA,OACRC,UAAWA,WAGjB,MAAKd,aAAawB,QAAQ,CACxB,MACE,oBAACC,4CAAqB,EAACZ,OAAQA,OAAQK,YAAaA,YAAaJ,UAAWA,WAEhF,MAAKO,cAAO,CAACrB,YAAY,CAAC0B,IAAI,CAC5B,MACE,oBAACC,oBAAS,EACRT,YAAaA,YACbX,OAAQA,OACRM,OAAQA,OACRC,UAAWA,WAGjB,SACE,MAAO,oBAACc,YAAK,EAACd,UAAWA,UAAWD,OAAQA,OAAQK,YAAaA,aACrE,CACF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useHandleKeyPress",{enumerable:true,get:function(){return useHandleKeyPress}});const _useFilter=require("../../../utils/hooks/useFilter");const _utils=require("../../../utils");const useHandleKeyPress=(termId,handleSpecialKeyDown)=>{const{handleValueChange,term,deleteCurrentTerm}=(0,_useFilter.useFilterTerm)(termId);if(!term)return null;const{attribute,operator}=term;const controlType=attribute===null||attribute===void 0?void 0:attribute.control.type;if(!attribute||!operator||!controlType)return null;return(e,values)=>{e.stopPropagation();const preventKeyPressOf=reg=>{const keyPressRegistered=reg.some(forbiddenString=>e.code.match(new RegExp(forbiddenString,"ig")));if(keyPressRegistered){e.preventDefault()}};const allowOnlyKeys=reg=>{const keyPressRegistered=reg.some(forbiddenString=>e.code.match(new RegExp(forbiddenString,"ig")));if(!keyPressRegistered){e.preventDefault()}};if([_utils.TFilter.EControlType.FLOAT,_utils.TFilter.EControlType.INTEGER].includes(controlType)){if(e.target.value.match(/\./)){preventKeyPressOf(["Period"])}const allowedCharacterRegExp=["Digit","Arrow","Enter","Tab","Backspace"];if(controlType===_utils.TFilter.EControlType.FLOAT){allowedCharacterRegExp.push("Period");allowedCharacterRegExp.push("Comma")}allowOnlyKeys(allowedCharacterRegExp)}if(e.target.value===""&&e.code==="Enter"){handleValueChange(values,true)}if(e.target.value===""&&(Array.isArray(values)?values.length===0:!values)&&e.code==="Backspace"){handleSpecialKeyDown(e)}if(e.target.value===""&&e.code==="Escape"){if(Array.isArray(values)&&values.length===0){deleteCurrentTerm()}handleValueChange(values)}}};
+//# sourceMappingURL=useHandleKeyPress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/useHandleKeyPress.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useFilterTerm } from \"../../../utils/hooks/useFilter\"\nimport { TFilter } from \"../../../utils\"\n\nexport const useHandleKeyPress = (\n  termId: TFilter.Internal.Term.State[\"id\"],\n  handleSpecialKeyDown: (e: any) => void\n) => {\n  const { handleValueChange, term, deleteCurrentTerm } = useFilterTerm(termId)\n  if (!term) return null\n  const { attribute, operator } = term\n  const controlType = attribute?.control.type\n  if (!attribute || !operator || !controlType) return null\n\n  return (e: any, values: TFilter.Internal.Term.TermValue) => {\n    e.stopPropagation()\n    const preventKeyPressOf = (reg: string[]) => {\n      const keyPressRegistered = reg.some((forbiddenString) =>\n        e.code.match(new RegExp(forbiddenString, \"ig\"))\n      )\n      if (keyPressRegistered) {\n        e.preventDefault()\n      }\n    }\n\n    const allowOnlyKeys = (reg: string[]) => {\n      const keyPressRegistered = reg.some((forbiddenString) =>\n        e.code.match(new RegExp(forbiddenString, \"ig\"))\n      )\n      if (!keyPressRegistered) {\n        e.preventDefault()\n      }\n    }\n    if ([TFilter.EControlType.FLOAT, TFilter.EControlType.INTEGER].includes(controlType)) {\n      if ((e.target.value as string).match(/\\./)) {\n        preventKeyPressOf([\"Period\"])\n      }\n\n      const allowedCharacterRegExp = [\"Digit\", \"Arrow\", \"Enter\", \"Tab\", \"Backspace\"]\n\n      if (controlType === TFilter.EControlType.FLOAT) {\n        allowedCharacterRegExp.push(\"Period\")\n        allowedCharacterRegExp.push(\"Comma\")\n      }\n      allowOnlyKeys(allowedCharacterRegExp)\n    }\n\n    if (e.target.value === \"\" && e.code === \"Enter\") {\n      handleValueChange(values, true)\n    }\n    if (\n      e.target.value === \"\" &&\n      (Array.isArray(values) ? values.length === 0 : !values) &&\n      e.code === \"Backspace\"\n    ) {\n      handleSpecialKeyDown(e)\n    }\n    if (e.target.value === \"\" && e.code === \"Escape\") {\n      if (Array.isArray(values) && values.length === 0) {\n        deleteCurrentTerm()\n      }\n      handleValueChange(values)\n    }\n  }\n}\n"],"names":["useHandleKeyPress","termId","handleSpecialKeyDown","handleValueChange","term","deleteCurrentTerm","useFilterTerm","attribute","operator","controlType","control","type","e","values","stopPropagation","preventKeyPressOf","reg","keyPressRegistered","some","forbiddenString","code","match","RegExp","preventDefault","allowOnlyKeys","TFilter","EControlType","FLOAT","INTEGER","includes","target","value","allowedCharacterRegExp","push","Array","isArray","length"],"mappings":"oGAOaA,2DAAAA,8CAHiB,uDACN,kBAEjB,MAAMA,kBAAoB,CAC/BC,OACAC,wBAEA,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAEC,iBAAiB,CAAE,CAAGC,GAAAA,wBAAa,EAACL,QACrE,GAAI,CAACG,KAAM,OAAO,KAClB,KAAM,CAAEG,SAAS,CAAEC,QAAQ,CAAE,CAAGJ,KAChC,MAAMK,YAAcF,kBAAAA,0BAAAA,UAAWG,OAAO,CAACC,IAAI,CAC3C,GAAI,CAACJ,WAAa,CAACC,UAAY,CAACC,YAAa,OAAO,KAEpD,MAAO,CAACG,EAAQC,UACdD,EAAEE,eAAe,GACjB,MAAMC,kBAAoB,AAACC,MACzB,MAAMC,mBAAqBD,IAAIE,IAAI,CAAC,AAACC,iBACnCP,EAAEQ,IAAI,CAACC,KAAK,CAAC,IAAIC,OAAOH,gBAAiB,QAE3C,GAAIF,mBAAoB,CACtBL,EAAEW,cAAc,EAClB,CACF,EAEA,MAAMC,cAAgB,AAACR,MACrB,MAAMC,mBAAqBD,IAAIE,IAAI,CAAC,AAACC,iBACnCP,EAAEQ,IAAI,CAACC,KAAK,CAAC,IAAIC,OAAOH,gBAAiB,QAE3C,GAAI,CAACF,mBAAoB,CACvBL,EAAEW,cAAc,EAClB,CACF,EACA,GAAI,CAACE,cAAO,CAACC,YAAY,CAACC,KAAK,CAAEF,cAAO,CAACC,YAAY,CAACE,OAAO,CAAC,CAACC,QAAQ,CAACpB,aAAc,CACpF,GAAI,AAACG,EAAEkB,MAAM,CAACC,KAAK,CAAYV,KAAK,CAAC,MAAO,CAC1CN,kBAAkB,CAAC,SAAS,CAC9B,CAEA,MAAMiB,uBAAyB,CAAC,QAAS,QAAS,QAAS,MAAO,YAAY,CAE9E,GAAIvB,cAAgBgB,cAAO,CAACC,YAAY,CAACC,KAAK,CAAE,CAC9CK,uBAAuBC,IAAI,CAAC,UAC5BD,uBAAuBC,IAAI,CAAC,QAC9B,CACAT,cAAcQ,uBAChB,CAEA,GAAIpB,EAAEkB,MAAM,CAACC,KAAK,GAAK,IAAMnB,EAAEQ,IAAI,GAAK,QAAS,CAC/CjB,kBAAkBU,OAAQ,KAC5B,CACA,GACED,EAAEkB,MAAM,CAACC,KAAK,GAAK,IAClBG,CAAAA,MAAMC,OAAO,CAACtB,QAAUA,OAAOuB,MAAM,GAAK,EAAI,CAACvB,MAAK,GACrDD,EAAEQ,IAAI,GAAK,YACX,CACAlB,qBAAqBU,EACvB,CACA,GAAIA,EAAEkB,MAAM,CAACC,KAAK,GAAK,IAAMnB,EAAEQ,IAAI,GAAK,SAAU,CAChD,GAAIc,MAAMC,OAAO,CAACtB,SAAWA,OAAOuB,MAAM,GAAK,EAAG,CAChD/B,mBACF,CACAF,kBAAkBU,OACpB,CACF,CACF"}

package/lib/cjs/components/Filter/TermContainer/Term/deleteHandlerClosure.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"deleteHandlerClosure",{enumerable:true,get:function(){return deleteHandlerClosure}});const _utils=require("../../utils");const ESTEP=_utils.TFilter.Internal.ESTEP;const deleteHandlerClosure=(term,updateTerms,setCurrentStep,onApply,transformer)=>{const performActiveCheck=newTerms=>{newTerms.removeAllIncompleted().setAllInactive()};return{handleAttributeDelete(){updateTerms(terms=>{const newTerms=(0,_utils.termsMachine)(terms).updateSpecificTerm(term.id,update=>(0,_utils.termMachine)(update).setAttribute(null).setOperator(null).setValue(null).setIncomplete().build());setCurrentStep(ESTEP.ATTRIBUTE);performActiveCheck(newTerms);return newTerms.build()});setCurrentStep(ESTEP.ATTRIBUTE)},handleOperatorDelete(){updateTerms(terms=>{const newTerms=(0,_utils.termsMachine)(terms).updateSpecificTerm(term.id,update=>(0,_utils.termMachine)(update).setOperator(null).setIncomplete().setValue(null).build());performActiveCheck(newTerms);return newTerms.build()});setCurrentStep(ESTEP.OPERATOR)},handleValueDelete(terms,valueToDelete){const newTerm=(0,_utils.termsMachine)(terms).getSpecificTerm(term.id);if(!newTerm)return;const value=(0,_utils.prepareValueDeletion)(newTerm.value,valueToDelete);let completed=false;const newTerms=(0,_utils.termsMachine)(terms).removeAllIncompleted();if(value){completed=true;newTerms.updateSpecificTerm(term.id,term=>(0,_utils.termMachine)(term).setComplete().setValue(value).build())}else{newTerms.updateSpecificTerm(term.id,term=>(0,_utils.termMachine)(term).setIncomplete().setValue(value).setActive().build())}const updatedState=updateTerms(()=>newTerms.build());if(completed){onApply(_utils.Serializer.serializeInternalToDTO(updatedState,transformer===null||transformer===void 0?void 0:transformer.dtoValueTransformMap),updatedState,{wasUserCreated:true,event:_utils.TFilter.EventHandler.EApplyEvent.VALUE_DELETE})}}}};
+//# sourceMappingURL=deleteHandlerClosure.js.map

package/lib/cjs/components/Filter/TermContainer/Term/deleteHandlerClosure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/deleteHandlerClosure.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { prepareValueDeletion, Serializer, termMachine, termsMachine, TFilter } from \"../../utils\"\nimport { TUpdateTerms } from \"../../utils/hooks/types\"\nimport ESTEP = TFilter.Internal.ESTEP\n\n// This function is a closure for side-effect-FULL handlers.\n// The handlers are called whenever the user clicks on the cross icon inside a TermBadge e.g. Attribute, Operator or Value\n// The handlers will call the updateTerms function and therefore mutate the state\nexport const deleteHandlerClosure = (\n  term: TFilter.Internal.Term.State,\n  updateTerms: TUpdateTerms,\n  setCurrentStep: (step: ESTEP) => void,\n  onApply: TFilter.EventHandler.onApply,\n  transformer?: { dtoValueTransformMap?: TFilter.DTO.ValueTransformConfigByAttributeName }\n) => {\n  const performActiveCheck = (newTerms: ReturnType<typeof termsMachine>) => {\n    // Happens when user deletes a value badge in an inactive term\n    // Removes incomplete terms (e.g. the currently incomplete active term of the user). Does not set the targeted term active\n    newTerms.removeAllIncompleted().setAllInactive()\n  }\n\n  return {\n    handleAttributeDelete() {\n      updateTerms((terms) => {\n        const newTerms = termsMachine(terms).updateSpecificTerm(term.id, (update) =>\n          termMachine(update)\n            .setAttribute(null)\n            .setOperator(null)\n            .setValue(null)\n            .setIncomplete()\n            .build()\n        )\n        setCurrentStep(ESTEP.ATTRIBUTE)\n        performActiveCheck(newTerms)\n        return newTerms.build()\n      })\n      setCurrentStep(ESTEP.ATTRIBUTE)\n    },\n    handleOperatorDelete() {\n      updateTerms((terms) => {\n        const newTerms = termsMachine(terms).updateSpecificTerm(term.id, (update) =>\n          termMachine(update).setOperator(null).setIncomplete().setValue(null).build()\n        )\n        performActiveCheck(newTerms)\n        return newTerms.build()\n      })\n      setCurrentStep(ESTEP.OPERATOR)\n    },\n    handleValueDelete(terms: TFilter.Internal.Term.State[], valueToDelete?: string) {\n      // This checks whether a multiselect value has been deleted and at least one value is still there. This then marks the term still as completed\n      const newTerm = termsMachine(terms).getSpecificTerm(term.id)\n      if (!newTerm) return\n      const value = prepareValueDeletion(newTerm.value, valueToDelete)\n      let completed = false\n      const newTerms = termsMachine(terms).removeAllIncompleted()\n      if (value) {\n        completed = true\n        newTerms.updateSpecificTerm(term.id, (term) =>\n          termMachine(term).setComplete().setValue(value).build()\n        )\n      } else {\n        newTerms.updateSpecificTerm(term.id, (term) =>\n          termMachine(term).setIncomplete().setValue(value).setActive().build()\n        )\n      }\n\n      const updatedState = updateTerms(() => newTerms.build())\n      if (completed) {\n        // Apply the term if one of multiple available values is deleted by pressing the cross icon on the badge\n        onApply(\n          Serializer.serializeInternalToDTO(updatedState, transformer?.dtoValueTransformMap),\n          updatedState,\n          {\n            wasUserCreated: true,\n            event: TFilter.EventHandler.EApplyEvent.VALUE_DELETE,\n          }\n        )\n      }\n    },\n  }\n}\n"],"names":["deleteHandlerClosure","ESTEP","term","updateTerms","setCurrentStep","onApply","transformer","performActiveCheck","newTerms","removeAllIncompleted","setAllInactive","handleAttributeDelete","terms","termsMachine","updateSpecificTerm","id","update","termMachine","setAttribute","setOperator","setValue","setIncomplete","build","ATTRIBUTE","handleOperatorDelete","OPERATOR","handleValueDelete","valueToDelete","newTerm","getSpecificTerm","value","prepareValueDeletion","completed","setComplete","setActive","updatedState","Serializer","serializeInternalToDTO","dtoValueTransformMap","wasUserCreated","event","TFilter","EventHandler","EApplyEvent","VALUE_DELETE"],"mappings":"oGAWaA,8DAAAA,6CAPwE,eAErF,MAAOC,MAAQ,cAAO,CAAC,QAAQ,CAAC,KAAK,CAK9B,MAAMD,qBAAuB,CAClCE,KACAC,YACAC,eACAC,QACAC,eAEA,MAAMC,mBAAqB,AAACC,WAG1BA,SAASC,oBAAoB,GAAGC,cAAc,EAChD,EAEA,MAAO,CACLC,wBACER,YAAY,AAACS,QACX,MAAMJ,SAAWK,GAAAA,mBAAY,EAACD,OAAOE,kBAAkB,CAACZ,KAAKa,EAAE,CAAE,AAACC,QAChEC,GAAAA,kBAAW,EAACD,QACTE,YAAY,CAAC,MACbC,WAAW,CAAC,MACZC,QAAQ,CAAC,MACTC,aAAa,GACbC,KAAK,IAEVlB,eAAeH,MAAMsB,SAAS,EAC9BhB,mBAAmBC,UACnB,OAAOA,SAASc,KAAK,EACvB,GACAlB,eAAeH,MAAMsB,SAAS,CAChC,EACAC,uBACErB,YAAY,AAACS,QACX,MAAMJ,SAAWK,GAAAA,mBAAY,EAACD,OAAOE,kBAAkB,CAACZ,KAAKa,EAAE,CAAE,AAACC,QAChEC,GAAAA,kBAAW,EAACD,QAAQG,WAAW,CAAC,MAAME,aAAa,GAAGD,QAAQ,CAAC,MAAME,KAAK,IAE5Ef,mBAAmBC,UACnB,OAAOA,SAASc,KAAK,EACvB,GACAlB,eAAeH,MAAMwB,QAAQ,CAC/B,EACAC,kBAAkBd,KAAoC,CAAEe,aAAsB,EAE5E,MAAMC,QAAUf,GAAAA,mBAAY,EAACD,OAAOiB,eAAe,CAAC3B,KAAKa,EAAE,EAC3D,GAAI,CAACa,QAAS,OACd,MAAME,MAAQC,GAAAA,2BAAoB,EAACH,QAAQE,KAAK,CAAEH,eAClD,IAAIK,UAAY,MAChB,MAAMxB,SAAWK,GAAAA,mBAAY,EAACD,OAAOH,oBAAoB,GACzD,GAAIqB,MAAO,CACTE,UAAY,KACZxB,SAASM,kBAAkB,CAACZ,KAAKa,EAAE,CAAE,AAACb,MACpCe,GAAAA,kBAAW,EAACf,MAAM+B,WAAW,GAAGb,QAAQ,CAACU,OAAOR,KAAK,GAEzD,KAAO,CACLd,SAASM,kBAAkB,CAACZ,KAAKa,EAAE,CAAE,AAACb,MACpCe,GAAAA,kBAAW,EAACf,MAAMmB,aAAa,GAAGD,QAAQ,CAACU,OAAOI,SAAS,GAAGZ,KAAK,GAEvE,CAEA,MAAMa,aAAehC,YAAY,IAAMK,SAASc,KAAK,IACrD,GAAIU,UAAW,CAEb3B,QACE+B,iBAAU,CAACC,sBAAsB,CAACF,aAAc7B,oBAAAA,4BAAAA,YAAagC,oBAAoB,EACjFH,aACA,CACEI,eAAgB,KAChBC,MAAOC,cAAO,CAACC,YAAY,CAACC,WAAW,CAACC,YAAY,AACtD,EAEJ,CACF,CACF,CACF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Term",{enumerable:true,get:function(){return Term}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _core=require("@mantine/core");const _utils=require("../../utils");const _useFilter=require("../../utils/hooks/useFilter");const _DisplayValue=require("./DisplayValue");const _lucidereact=require("lucide-react");const _ValueField=require("./ValueField");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _cx=require("../../../../helper/cx");const _Attribute=require("./Attribute");const _Operator=require("./Operator");const _deleteHandlerClosure=require("./deleteHandlerClosure");const _stepBackHandlerClosure=require("./stepBackHandlerClosure");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 getStep=term=>{if(!term.attribute)return _utils.TFilter.Internal.ESTEP.ATTRIBUTE;if(!term.operator)return _utils.TFilter.Internal.ESTEP.OPERATOR;if(!term.value)return _utils.TFilter.Internal.ESTEP.VALUE;return _utils.TFilter.Internal.ESTEP.ATTRIBUTE};const Term=({id})=>{const{term,updateCurrentTerm,deleteCurrentTerm,handleBlur}=(0,_useFilter.useFilterTerm)(id);const{config,state,updateTerms,transformer,onApply,setState}=(0,_useFilter.useFilter)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const[currentStep,setCurrentStep]=_react.default.useState((term===null||term===void 0?void 0:term.completed)||!term?_utils.TFilter.Internal.ESTEP.VALUE:getStep(term));if(!term)return null;const handleAttributeChange=(value,cascadeValue)=>{const correspondingConfigItem=config.find(item=>item.name.value===value);if(!correspondingConfigItem)return;setCurrentStep(_utils.TFilter.Internal.ESTEP.OPERATOR);updateCurrentTerm((0,_utils.termMachine)(term).setAttribute(correspondingConfigItem).setSelectedCascadeValue(cascadeValue).setIncomplete().build())};const handleOperatorChange=value=>{var _term_attribute;const correspondingOperator=(_term_attribute=term.attribute)===null||_term_attribute===void 0?void 0:_term_attribute.operators.find(item=>item.value===value);if(!correspondingOperator)return;setCurrentStep(_utils.TFilter.Internal.ESTEP.VALUE);updateCurrentTerm((0,_utils.termMachine)(term).setOperator(correspondingOperator).setIncomplete().build())};const onDeleteHandlers=(0,_deleteHandlerClosure.deleteHandlerClosure)(term,updateTerms,setCurrentStep,onApply,transformer);const stepBackHandlers=(0,_stepBackHandlerClosure.stepBackHandlerClosure)(term,state.terms,updateTerms,setCurrentStep);const handleContainerClick=event=>{event.stopPropagation();if(term.active&&!term.completed)return;const newTerms=(0,_utils.termsMachine)(state.terms).removeAllIncompleted().setAllInactive().updateSpecificTerm(term.id,()=>(0,_utils.termMachine)(term).setIncomplete().setActive().build()).build();setState(_object_spread_props(_object_spread({},state),{termsCollapsed:false,terms:newTerms}))};const handleSpecialKeyDown=e=>{e.stopPropagation();const handleBackspacePress=()=>{if(e.target.value)return;switch(currentStep){case _utils.TFilter.Internal.ESTEP.ATTRIBUTE:stepBackHandlers.handleStepBackInAttribute();break;case _utils.TFilter.Internal.ESTEP.OPERATOR:stepBackHandlers.handleStepBackInOperator();break;case _utils.TFilter.Internal.ESTEP.VALUE:stepBackHandlers.handleStepBackInValue()}};if(e.code==="Backspace"){handleBackspacePress()}if(e.code==="Escape"){updateTerms(terms=>(0,_utils.termsMachine)(terms).removeAllIncompleted().build())}};const ifValueArrayAndNotEmpty=Array.isArray(term===null||term===void 0?void 0:term.value)?term.value.length>0:true;return(0,_jsxruntime.jsxs)("span",{className:(0,_cx.cx)(_indexmodulecss.default.container,term.active?_indexmodulecss.default.active:""),onClick:handleContainerClick,"data-testid":"filter-term",children:[currentStep>=_utils.TFilter.Internal.ESTEP.ATTRIBUTE&&(0,_jsxruntime.jsx)(_Attribute.Attribute,{termId:term.id,onChange:handleAttributeChange,onDelete:onDeleteHandlers.handleAttributeDelete,currentStep:currentStep,onKeyDown:handleSpecialKeyDown}),currentStep>=_utils.TFilter.Internal.ESTEP.OPERATOR&&(0,_jsxruntime.jsx)(_Operator.Operator,{termId:term.id,onChange:handleOperatorChange,onDelete:onDeleteHandlers.handleOperatorDelete,currentStep:currentStep,onKeyDown:handleSpecialKeyDown}),currentStep===_utils.TFilter.Internal.ESTEP.VALUE&&term.attribute&&term.operator&&(term.completed&&ifValueArrayAndNotEmpty?(0,_jsxruntime.jsx)("span",{className:_indexmodulecss.default["badge-container"],"data-testid":"filter-badge-value",children:(0,_jsxruntime.jsx)(_DisplayValue.DisplayValue,{onDelete:val=>onDeleteHandlers.handleValueDelete(state.terms,val.toString()),termId:id})}):(0,_jsxruntime.jsx)("span",{className:_indexmodulecss.default["badge-container"],children:(0,_jsxruntime.jsx)(_ValueField.ValueField,{onKeyDown:handleSpecialKeyDown,termId:id,onBlur:handleBlur})})),term.completed&&(0,_jsxruntime.jsx)("span",{className:_indexmodulecss.default["delete-container"],"data-testid":"filter-term-delete",children:(0,_jsxruntime.jsx)(_lucidereact.X,{"data-testid":"filter-term-delete-icon",onClick:e=>{e.stopPropagation();deleteCurrentTerm()},size:24,color:isDarkScheme?theme.white:theme.colors.gray[7]})})]})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { KeyboardEventHandler, MouseEventHandler } from \"react\"\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { termMachine, termsMachine, TFilter } from \"../../utils\"\nimport { useFilter, useFilterTerm } from \"../../utils/hooks/useFilter\"\nimport { DisplayValue } from \"./DisplayValue\"\nimport { X as CrossIcon } from \"lucide-react\"\nimport { ValueField } from \"./ValueField\"\nimport { TValue } from \"../../../Form\"\nimport { TCascadeOption } from \"../../../Form/Select/Cascade/CascadeOption\"\nimport classes from \"./index.module.css\"\nimport { cx } from \"../../../../helper/cx\"\nimport { Attribute } from \"./Attribute\"\nimport { Operator } from \"./Operator\"\nimport { deleteHandlerClosure } from \"./deleteHandlerClosure\"\nimport { stepBackHandlerClosure } from \"./stepBackHandlerClosure\"\n\ntype TTermProps = {\n  id: number\n}\n\nconst getStep = (term: TFilter.Internal.Term.State): TFilter.Internal.ESTEP => {\n  if (!term.attribute) return TFilter.Internal.ESTEP.ATTRIBUTE\n  if (!term.operator) return TFilter.Internal.ESTEP.OPERATOR\n  if (!term.value) return TFilter.Internal.ESTEP.VALUE\n  return TFilter.Internal.ESTEP.ATTRIBUTE\n}\n\n/**\n * Heart piece of the **Filter**.\n * The **Term** renders the **Attribute**, **Operator** and **ValueField** and passes state-manipulating callbacks from the **useFilterTerm(id)** hook.\n * The **Term** has an internal StateMachine (*currentStep: ESTEP*) that keeps track of the current term step state (If it shows the **Attribute**, **Operator**, **Value**).\n * This state is purely internal and local to the **Term**. It is not connected with the global filter state inside the **FilterContext**l.\n * Each Field (**Attribute**, **Operator**, **Value**) has a Write and Read part.\n * Example: currentStep = **ESTEP.Operator**; Attribute (Read), Operator (Write), Value (hidden). The Write part is (For **Attribute** and **Operator**) a **Cascade** and a **FilterSelect**\n * For the **Value** it is what is specified in the configuration (*EControlType*)\n * The Read part is the **FilterBadge** component for the **Attribute** and **Operator**. For the Value it's the **DisplayValue**\n * @param id the id of the term\n */\nconst Term = ({ id }: TTermProps) => {\n  const { term, updateCurrentTerm, deleteCurrentTerm, handleBlur } = useFilterTerm(id)\n  const { config, state, updateTerms, transformer, onApply, setState } = useFilter()\n  const theme = useMantineTheme()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n  const [currentStep, setCurrentStep] = React.useState<TFilter.Internal.ESTEP>(\n    term?.completed || !term ? TFilter.Internal.ESTEP.VALUE : getStep(term)\n  )\n\n  if (!term) return null\n\n  const handleAttributeChange = (\n    value: TFilter.ConfigItem[\"name\"][\"value\"],\n    cascadeValue: TCascadeOption<TValue[]>[]\n  ) => {\n    const correspondingConfigItem: TFilter.ConfigItem | undefined = config.find(\n      (item) => item.name.value === value\n    )\n    if (!correspondingConfigItem) return\n\n    setCurrentStep(TFilter.Internal.ESTEP.OPERATOR)\n    updateCurrentTerm(\n      termMachine(term)\n        .setAttribute(correspondingConfigItem)\n        .setSelectedCascadeValue(cascadeValue)\n        .setIncomplete()\n        .build()\n    )\n  }\n\n  const handleOperatorChange = (value: TFilter.Operator[\"value\"]) => {\n    const correspondingOperator: TFilter.Operator | undefined = term.attribute?.operators.find(\n      (item) => item.value === value\n    )\n    if (!correspondingOperator) return\n    setCurrentStep(TFilter.Internal.ESTEP.VALUE)\n    updateCurrentTerm(termMachine(term).setOperator(correspondingOperator).setIncomplete().build())\n  }\n\n  const onDeleteHandlers = deleteHandlerClosure(\n    term,\n    updateTerms,\n    setCurrentStep,\n    onApply,\n    transformer\n  )\n  const stepBackHandlers = stepBackHandlerClosure(term, state.terms, updateTerms, setCurrentStep)\n\n  const handleContainerClick: MouseEventHandler<HTMLSpanElement> = (event: any) => {\n    event.stopPropagation()\n    if (term.active && !term.completed) return\n    const newTerms = termsMachine(state.terms)\n      .removeAllIncompleted()\n      .setAllInactive()\n      .updateSpecificTerm(term.id, () => termMachine(term).setIncomplete().setActive().build())\n      .build()\n    setState({\n      ...state,\n      termsCollapsed: false,\n      terms: newTerms,\n    })\n  }\n\n  const handleSpecialKeyDown: KeyboardEventHandler<HTMLSpanElement> = (e) => {\n    e.stopPropagation()\n\n    const handleBackspacePress = () => {\n      if ((e.target as any).value) return\n      switch (currentStep) {\n        case TFilter.Internal.ESTEP.ATTRIBUTE:\n          stepBackHandlers.handleStepBackInAttribute()\n          break\n        case TFilter.Internal.ESTEP.OPERATOR:\n          stepBackHandlers.handleStepBackInOperator()\n          break\n        case TFilter.Internal.ESTEP.VALUE:\n          stepBackHandlers.handleStepBackInValue()\n      }\n    }\n\n    if (e.code === \"Backspace\") {\n      handleBackspacePress()\n    }\n\n    if (e.code === \"Escape\") {\n      updateTerms((terms) => termsMachine(terms).removeAllIncompleted().build())\n    }\n  }\n\n  const ifValueArrayAndNotEmpty = Array.isArray(term?.value) ? term.value.length > 0 : true\n\n  return (\n    <span\n      className={cx(classes.container, term.active ? classes.active : \"\")}\n      onClick={handleContainerClick}\n      data-testid={\"filter-term\"}\n    >\n      {currentStep >= TFilter.Internal.ESTEP.ATTRIBUTE && (\n        <Attribute\n          termId={term.id}\n          onChange={handleAttributeChange}\n          onDelete={onDeleteHandlers.handleAttributeDelete}\n          currentStep={currentStep}\n          onKeyDown={handleSpecialKeyDown}\n        />\n      )}\n\n      {currentStep >= TFilter.Internal.ESTEP.OPERATOR && (\n        <Operator\n          termId={term.id}\n          onChange={handleOperatorChange}\n          onDelete={onDeleteHandlers.handleOperatorDelete}\n          currentStep={currentStep}\n          onKeyDown={handleSpecialKeyDown}\n        />\n      )}\n      {currentStep === TFilter.Internal.ESTEP.VALUE &&\n        term.attribute &&\n        term.operator &&\n        (term.completed && ifValueArrayAndNotEmpty ? (\n          <span className={classes[\"badge-container\"]} data-testid={\"filter-badge-value\"}>\n            <DisplayValue\n              onDelete={(val) => onDeleteHandlers.handleValueDelete(state.terms, val.toString())} // Cast to string, because deleting those badges always returns string\n              termId={id}\n            />\n          </span>\n        ) : (\n          <span className={classes[\"badge-container\"]}>\n            <ValueField onKeyDown={handleSpecialKeyDown} termId={id} onBlur={handleBlur} />\n          </span>\n        ))}\n\n      {term.completed && (\n        <span className={classes[\"delete-container\"]} data-testid={\"filter-term-delete\"}>\n          <CrossIcon\n            data-testid={\"filter-term-delete-icon\"}\n            onClick={(e) => {\n              e.stopPropagation()\n              deleteCurrentTerm()\n            }}\n            size={24}\n            color={isDarkScheme ? theme.white : theme.colors.gray[7]}\n          />\n        </span>\n      )}\n    </span>\n  )\n}\n\nexport { Term }\n"],"names":["Term","getStep","term","attribute","TFilter","Internal","ESTEP","ATTRIBUTE","operator","OPERATOR","value","VALUE","id","updateCurrentTerm","deleteCurrentTerm","handleBlur","useFilterTerm","config","state","updateTerms","transformer","onApply","setState","useFilter","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","currentStep","setCurrentStep","React","useState","completed","handleAttributeChange","cascadeValue","correspondingConfigItem","find","item","name","termMachine","setAttribute","setSelectedCascadeValue","setIncomplete","build","handleOperatorChange","correspondingOperator","operators","setOperator","onDeleteHandlers","deleteHandlerClosure","stepBackHandlers","stepBackHandlerClosure","terms","handleContainerClick","event","stopPropagation","active","newTerms","termsMachine","removeAllIncompleted","setAllInactive","updateSpecificTerm","setActive","termsCollapsed","handleSpecialKeyDown","e","handleBackspacePress","target","handleStepBackInAttribute","handleStepBackInOperator","handleStepBackInValue","code","ifValueArrayAndNotEmpty","Array","isArray","length","span","className","cx","classes","container","onClick","data-testid","Attribute","termId","onChange","onDelete","handleAttributeDelete","onKeyDown","Operator","handleOperatorDelete","DisplayValue","val","handleValueDelete","toString","ValueField","onBlur","CrossIcon","size","color","white","colors","gray"],"mappings":"oGAgMSA,8CAAAA,kHA5LsD,8BACR,sCACJ,wCACV,2DACZ,6CACE,0CACJ,oFAGP,yCACD,kDACO,uCACD,kDACY,gEACE,u1CAMvC,MAAMC,QAAU,AAACC,OACf,GAAI,CAACA,KAAKC,SAAS,CAAE,OAAOC,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACC,SAAS,CAC5D,GAAI,CAACL,KAAKM,QAAQ,CAAE,OAAOJ,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACG,QAAQ,CAC1D,GAAI,CAACP,KAAKQ,KAAK,CAAE,OAAON,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACK,KAAK,CACpD,OAAOP,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACC,SAAS,AACzC,EAaA,MAAMP,KAAO,CAAC,CAAEY,EAAE,CAAc,IAC9B,KAAM,CAAEV,IAAI,CAAEW,iBAAiB,CAAEC,iBAAiB,CAAEC,UAAU,CAAE,CAAGC,GAAAA,wBAAa,EAACJ,IACjF,KAAM,CAAEK,MAAM,CAAEC,KAAK,CAAEC,WAAW,CAAEC,WAAW,CAAEC,OAAO,CAAEC,QAAQ,CAAE,CAAGC,GAAAA,oBAAS,IAChF,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,KAAM,CAACG,YAAaC,eAAe,CAAGC,cAAK,CAACC,QAAQ,CAClD9B,CAAAA,aAAAA,qBAAAA,KAAM+B,SAAS,GAAI,CAAC/B,KAAOE,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACK,KAAK,CAAGV,QAAQC,OAGpE,GAAI,CAACA,KAAM,OAAO,KAElB,MAAMgC,sBAAwB,CAC5BxB,MACAyB,gBAEA,MAAMC,wBAA0DnB,OAAOoB,IAAI,CACzE,AAACC,MAASA,KAAKC,IAAI,CAAC7B,KAAK,GAAKA,OAEhC,GAAI,CAAC0B,wBAAyB,OAE9BN,eAAe1B,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACG,QAAQ,EAC9CI,kBACE2B,GAAAA,kBAAW,EAACtC,MACTuC,YAAY,CAACL,yBACbM,uBAAuB,CAACP,cACxBQ,aAAa,GACbC,KAAK,GAEZ,EAEA,MAAMC,qBAAuB,AAACnC,YACgCR,gBAA5D,MAAM4C,uBAAsD5C,gBAAAA,KAAKC,SAAS,UAAdD,gCAAAA,gBAAgB6C,SAAS,CAACV,IAAI,CACxF,AAACC,MAASA,KAAK5B,KAAK,GAAKA,OAE3B,GAAI,CAACoC,sBAAuB,OAC5BhB,eAAe1B,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACK,KAAK,EAC3CE,kBAAkB2B,GAAAA,kBAAW,EAACtC,MAAM8C,WAAW,CAACF,uBAAuBH,aAAa,GAAGC,KAAK,GAC9F,EAEA,MAAMK,iBAAmBC,GAAAA,0CAAoB,EAC3ChD,KACAiB,YACAW,eACAT,QACAD,aAEF,MAAM+B,iBAAmBC,GAAAA,8CAAsB,EAAClD,KAAMgB,MAAMmC,KAAK,CAAElC,YAAaW,gBAEhF,MAAMwB,qBAA2D,AAACC,QAChEA,MAAMC,eAAe,GACrB,GAAItD,KAAKuD,MAAM,EAAI,CAACvD,KAAK+B,SAAS,CAAE,OACpC,MAAMyB,SAAWC,GAAAA,mBAAY,EAACzC,MAAMmC,KAAK,EACtCO,oBAAoB,GACpBC,cAAc,GACdC,kBAAkB,CAAC5D,KAAKU,EAAE,CAAE,IAAM4B,GAAAA,kBAAW,EAACtC,MAAMyC,aAAa,GAAGoB,SAAS,GAAGnB,KAAK,IACrFA,KAAK,GACRtB,SAAS,uCACJJ,QACH8C,eAAgB,MAChBX,MAAOK,WAEX,EAEA,MAAMO,qBAA8D,AAACC,IACnEA,EAAEV,eAAe,GAEjB,MAAMW,qBAAuB,KAC3B,GAAI,AAACD,EAAEE,MAAM,CAAS1D,KAAK,CAAE,OAC7B,OAAQmB,aACN,KAAKzB,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACC,SAAS,CACnC4C,iBAAiBkB,yBAAyB,GAC1C,KACF,MAAKjE,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACG,QAAQ,CAClC0C,iBAAiBmB,wBAAwB,GACzC,KACF,MAAKlE,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACK,KAAK,CAC/BwC,iBAAiBoB,qBAAqB,EAC1C,CACF,EAEA,GAAIL,EAAEM,IAAI,GAAK,YAAa,CAC1BL,sBACF,CAEA,GAAID,EAAEM,IAAI,GAAK,SAAU,CACvBrD,YAAY,AAACkC,OAAUM,GAAAA,mBAAY,EAACN,OAAOO,oBAAoB,GAAGhB,KAAK,GACzE,CACF,EAEA,MAAM6B,wBAA0BC,MAAMC,OAAO,CAACzE,aAAAA,qBAAAA,KAAMQ,KAAK,EAAIR,KAAKQ,KAAK,CAACkE,MAAM,CAAG,EAAI,KAErF,MACE,qBAACC,QACCC,UAAWC,GAAAA,MAAE,EAACC,uBAAO,CAACC,SAAS,CAAE/E,KAAKuD,MAAM,CAAGuB,uBAAO,CAACvB,MAAM,CAAG,IAChEyB,QAAS5B,qBACT6B,cAAa,wBAEZtD,aAAezB,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACC,SAAS,EAC9C,oBAAC6E,oBAAS,EACRC,OAAQnF,KAAKU,EAAE,CACf0E,SAAUpD,sBACVqD,SAAUtC,iBAAiBuC,qBAAqB,CAChD3D,YAAaA,YACb4D,UAAWxB,uBAIdpC,aAAezB,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACG,QAAQ,EAC7C,oBAACiF,kBAAQ,EACPL,OAAQnF,KAAKU,EAAE,CACf0E,SAAUzC,qBACV0C,SAAUtC,iBAAiB0C,oBAAoB,CAC/C9D,YAAaA,YACb4D,UAAWxB,uBAGdpC,cAAgBzB,cAAO,CAACC,QAAQ,CAACC,KAAK,CAACK,KAAK,EAC3CT,KAAKC,SAAS,EACdD,KAAKM,QAAQ,EACZN,CAAAA,KAAK+B,SAAS,EAAIwC,wBACjB,oBAACI,QAAKC,UAAWE,uBAAO,CAAC,kBAAkB,CAAEG,cAAa,8BACxD,oBAACS,0BAAY,EACXL,SAAU,AAACM,KAAQ5C,iBAAiB6C,iBAAiB,CAAC5E,MAAMmC,KAAK,CAAEwC,IAAIE,QAAQ,IAC/EV,OAAQzE,OAIZ,oBAACiE,QAAKC,UAAWE,uBAAO,CAAC,kBAAkB,UACzC,oBAACgB,sBAAU,EAACP,UAAWxB,qBAAsBoB,OAAQzE,GAAIqF,OAAQlF,cAErE,EAEDb,KAAK+B,SAAS,EACb,oBAAC4C,QAAKC,UAAWE,uBAAO,CAAC,mBAAmB,CAAEG,cAAa,8BACzD,oBAACe,cAAS,EACRf,cAAa,0BACbD,QAAS,AAAChB,IACRA,EAAEV,eAAe,GACjB1C,mBACF,EACAqF,KAAM,GACNC,MAAOxE,aAAeJ,MAAM6E,KAAK,CAAG7E,MAAM8E,MAAM,CAACC,IAAI,CAAC,EAAE,OAMpE"}

package/lib/cjs/components/Filter/TermContainer/Term/index.module.css

@@ -0,0 +1 @@
+.container{align-items:center;background-color:var(--filter-container-background-color-inactive);box-sizing:content-box;display:flex;flex-wrap:inherit;max-height:calc(2.5rem*var(--mantine-scale));padding-left:calc(.5rem*var(--mantine-scale))}.container.active{background-color:var(--filter-container-background-color-active)}.container:hover{background:var(--filter-container-background-color-active)}.badge-container{height:calc(2.375rem*var(--mantine-scale));padding:calc(.5rem*var(--mantine-scale)) calc(.0625rem*var(--mantine-scale)) calc(.5rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale))}.badge-container,.delete-container{align-items:center;box-sizing:border-box;display:flex}.delete-container{margin-left:calc(.125rem*var(--mantine-scale));margin-right:calc(.625rem*var(--mantine-scale));padding:calc(.1875rem*var(--mantine-scale))}.delete-container>svg{cursor:pointer;height:calc(1.125rem*var(--mantine-scale));width:calc(1.125rem*var(--mantine-scale))}.delete-container:hover{background-color:var(--filter-delete-hover-background-color)}.badge-with-margin{margin-right:calc(.1875rem*var(--mantine-scale))}.badge-with-margin:last-of-type{margin-right:0}:root[data-mantine-color-scheme=dark]{--filter-container-background-color-active:var(--mantine-color-gray-8);--filter-container-background-color-inactive:var(--mantine-color-gray-9);--filter-delete-hover-background-color:var(--mantine-color-gray-8)}:root:not([data-mantine-color-scheme=dark]){--filter-container-background-color-active:var(--mantine-color-gray-0);--filter-container-background-color-inactive:var(--mantine-color-white);--filter-delete-hover-background-color:var(--mantine-color-gray-0)}

package/lib/cjs/components/Filter/TermContainer/Term/stepBackHandlerClosure.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"stepBackHandlerClosure",{enumerable:true,get:function(){return stepBackHandlerClosure}});const _utils=require("../../utils");const ESTEP=_utils.TFilter.Internal.ESTEP;const stepBackHandlerClosure=(term,terms,updateTerms,setCurrentStep)=>{return{handleStepBackInAttribute(){var _terms_;const isFirstTermsAttributeSection=terms.length===1&&!((_terms_=terms[0])===null||_terms_===void 0?void 0:_terms_.attribute);if(isFirstTermsAttributeSection)return;const currentTermIndex=(0,_utils.termsMachine)(terms).getSpecificTermIndex(term.id);updateTerms(terms=>(0,_utils.termsMachine)(terms).removeSpecificTerm(term.id).updateSpecificTermByIndex(currentTermIndex-1,t=>(0,_utils.termMachine)(t).setActive().setIncomplete().build()).build())},handleStepBackInOperator(){updateTerms(terms=>{const newTerms=(0,_utils.termsMachine)(terms).updateSpecificTerm(term.id,update=>(0,_utils.termMachine)(update).setAttribute(null).setOperator(null).setValue(null).build());return newTerms.build()});setCurrentStep(ESTEP.ATTRIBUTE)},handleStepBackInValue(){updateTerms(terms=>{const newTerms=(0,_utils.termsMachine)(terms).updateSpecificTerm(term.id,update=>(0,_utils.termMachine)(update).setIncomplete().setOperator(null).setValue(null).build());return newTerms.build()});setCurrentStep(ESTEP.OPERATOR)}}};
+//# sourceMappingURL=stepBackHandlerClosure.js.map