@greenbone/ui-lib 0.7.7-alpha0

package/lib/esm/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":["FilterContextProvider","Tooltip","FilterElements","createRef","useTranslation","classes","Filter","onApply","config","initialState","readonly","transformer","addons","portalTargetRef","t","div","ref","data-testid","Floating","label","styles","tooltip","padding","fontSize","wordBreak","height","multiline","span","className"],"mappings":"wDAIA,QAASA,qBAAqB,KAAQ,yBAAyB,AAC/D,QAASC,OAAO,KAAQ,eAAe,AACvC,QAASC,cAAc,KAAQ,wBAAwB,AAEvD,OAAO,yCAAyC,AAChD,QAASC,SAAS,KAAQ,OAAO,AACjC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,qBAAqB,CAiDzC,MAAMC,OAAiC,CAAC,CACtCC,OAAO,CACPC,MAAM,CACNC,YAAY,CACZC,SAAW,KAAK,CAChBC,WAAW,CACXC,MAAM,CACP,IACC,MAAMC,gBAAkBV,YACxB,KAAM,CAAEW,CAAC,CAAE,CAAGV,iBACd,OACE,MAACJ,uBACCO,QAASA,QACTC,OAAQA,OACRC,aAAcA,aACdI,gBAAiBA,gBACjBF,YAAaA,sBAEb,KAACI,OAAIC,IAAKH,gBAAiBI,cAAa,yBACvCP,SACC,KAACT,QAAQiB,QAAQ,EACfC,MAAOL,EAAE,kCACTM,OAAQ,CACNC,QAAS,CACPC,QAAS,MACTC,SAAU,OACVC,UAAW,YACXC,OAAQ,MACV,CACF,EACAC,SAAS,eAET,KAACC,QAAKC,UAAWvB,OAAO,CAAC,mBAAmB,UAC1C,KAACH,gBAAeQ,SAAUA,SAAUE,OAAQA,aAIhD,KAACV,gBAAeQ,SAAUA,SAAUE,OAAQA,WAIpD,CAEA,QAASN,MAAM,CAAE"}

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import React,{useCallback,useEffect,useMemo,useState}from"react";import{Filter,Trash2}from"lucide-react";import classes from"./RemotePersistentFilterDropdown.module.css";import{Combobox,Group,useCombobox}from"@mantine/core";import{useTranslation}from"react-i18next";import{Tooltip}from"../../Tooltip";import{ConfirmationDialog}from"../../ConfirmationDialog";import{EStatus}from"../../../genericTypes";import{Typo}from"../../Typo";const RemotePersistentFilterDropdown=({remotePersistentFilters,onSelect,onDelete})=>{const{t}=useTranslation();const[selectedFilter,setSelectedFilter]=useState();const[modalData,setModalData]=useState(null);const combobox=useCombobox();const dropdownList=useMemo(()=>remotePersistentFilters.map(filter=>({value:filter.id,label:filter.filterName})),[remotePersistentFilters]);const handleClick=()=>combobox.toggleDropdown();useEffect(()=>{if(selectedFilter)onSelect(selectedFilter)},[selectedFilter,onSelect]);const handleSelect=useCallback(filter=>{if(filter){combobox.closeDropdown();setSelectedFilter(filter)}},[combobox]);const handleDelete=useCallback((e,filterId)=>{e.stopPropagation();setModalData(filterId)},[]);const handleConfirmDelete=useCallback(()=>{if(modalData){onDelete(modalData);setModalData(null)}},[modalData,onDelete]);const options=useMemo(()=>dropdownList.sort((a,b)=>a.label.localeCompare(b.label)).map(item=>_jsx(Combobox.Option,{"data-testid":"dropdown-option",value:item.value,children:_jsxs(Group,{className:classes.options,children:[item.label.length>35?_jsx(Tooltip,{label:item.label,children:_jsx("span",{className:classes["truncate-text"],children:item.label})}):_jsx("span",{children:item.label}),_jsx(Tooltip,{label:t("Delete filter"),children:_jsx(Trash2,{"data-testid":"delete-icon",color:"red",size:16,className:classes["options-label"],onClick:e=>handleDelete(e,item.value)})})]})},item.value)),[dropdownList,handleDelete,t]);const emptyOption=_jsx(Combobox.Option,{value:"",children:_jsx(Group,{className:classes.options,children:_jsx("span",{children:t("No saved filters available")})})},"");return _jsxs(_Fragment,{children:[_jsxs(Combobox,{store:combobox,width:300,position:"bottom-start",withArrow:true,onOptionSubmit:handleSelect,styles:{dropdown:{zIndex:10}},children:[_jsx(Combobox.Target,{children:_jsx("div",{"data-testid":"filter-icon",className:classes.actions,onClick:handleClick,children:_jsx(Tooltip,{offset:15,label:t("Saved filters"),children:_jsx(Filter,{"data-testid":"filter-chevron-image",color:"var(--filter-chevron-color)",size:16})})})}),_jsx(Combobox.Dropdown,{children:_jsx(Combobox.Options,{children:options.length>0?options:emptyOption})})]}),_jsx(ConfirmationDialog,{alertStatus:EStatus.ERROR,title:t("Delete filter"),content:_jsx(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})]})};export{RemotePersistentFilterDropdown};
+//# sourceMappingURL=RemotePersistentFilterDropdown.js.map

package/lib/esm/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":["React","useCallback","useEffect","useMemo","useState","Filter","Trash2","classes","Combobox","Group","useCombobox","useTranslation","Tooltip","ConfirmationDialog","EStatus","Typo","RemotePersistentFilterDropdown","remotePersistentFilters","onSelect","onDelete","t","selectedFilter","setSelectedFilter","modalData","setModalData","combobox","dropdownList","map","filter","value","id","label","filterName","handleClick","toggleDropdown","handleSelect","closeDropdown","handleDelete","e","filterId","stopPropagation","handleConfirmDelete","options","sort","a","b","localeCompare","item","Option","data-testid","className","length","span","color","size","onClick","emptyOption","store","width","position","withArrow","onOptionSubmit","styles","dropdown","zIndex","Target","div","actions","offset","Dropdown","Options","alertStatus","ERROR","title","content","type","opened","onClose","confirmationButtonText","confirmationButtonVariant","cancelButtonText","onSubmit"],"mappings":"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"}

package/lib/esm/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/esm/components/Filter/RemotePersistence/SaveFilterMenu.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import classes from"./SaveFilterMenu.module.css";import{Menu}from"@mantine/core";import{SaveFilterModal}from"./SaveFilterModal";import{useState}from"react";import{Save}from"lucide-react";import{useTranslation}from"react-i18next";import isEqual from"lodash/isEqual";export const SaveFilterMenu=({filterState,handleSaveFilter,remotePersistentFilters,handleUpdateExistingFilter,selectedFilterId})=>{const[isModalOpen,setModalOpen]=useState(false);const[modalType,setModalType]=useState("Save");const{t}=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!isEqual(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 _jsxs(_Fragment,{children:[filterState.fields.length>0&&_jsx("div",{className:classes["save-filter-menu"],children:_jsxs(Menu,{shadow:"md",width:"max-content",trigger:"hover",closeDelay:100,offset:15,children:[_jsx(Menu.Target,{children:_jsx(Save,{"data-testid":"save-icon",className:classes["save-icon"],size:16})}),_jsxs(Menu.Dropdown,{children:[_jsx(Menu.Item,{onClick:handleSaveClick,disabled:!(selectedFilterId&&isSelectedFilterIsModified()||!selectedFilterId),className:classes["save-button-text"],children:t("Save filter")}),_jsx(Menu.Item,{disabled:!selectedFilterId,onClick:handleSaveAsClick,className:classes["save-button-text"],children:t("Save filter as")})]})]})}),_jsx(SaveFilterModal,{modalType:modalType,isOpen:isModalOpen,onClose:handleClose,onSubmit:handleModalSubmit,getSavedFilterId:getSavedFilterId})]})};
+//# sourceMappingURL=SaveFilterMenu.js.map

package/lib/esm/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":["classes","Menu","SaveFilterModal","useState","Save","useTranslation","isEqual","SaveFilterMenu","filterState","handleSaveFilter","remotePersistentFilters","handleUpdateExistingFilter","selectedFilterId","isModalOpen","setModalOpen","modalType","setModalType","t","handleOpen","handleClose","getSavedFilterId","filterName","found","find","filter","id","isSelectedFilterIsModified","selectedFilter","handleSaveClick","filterId","handleSaveAsClick","fields","length","handleModalSubmit","overwrite","div","className","shadow","width","trigger","closeDelay","offset","Target","data-testid","size","Dropdown","Item","onClick","disabled","isOpen","onClose","onSubmit"],"mappings":"8EAKA,QAAOA,YAAa,6BAA6B,AACjD,QAASC,IAAI,KAAQ,eAAe,AAGpC,QAASC,eAAe,KAAQ,mBAAmB,AACnD,QAASC,QAAQ,KAAQ,OAAO,AAChC,QAASC,IAAI,KAAQ,cAAc,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,gBAAgB,AAuBpC,QAAO,MAAMC,eAAiB,CAAC,CAC7BC,WAAW,CACXC,gBAAgB,CAChBC,uBAAuB,CACvBC,0BAA0B,CAC1BC,gBAAgB,CACK,IACrB,KAAM,CAACC,YAAaC,aAAa,CAAGX,SAAS,OAC7C,KAAM,CAACY,UAAWC,aAAa,CAAGb,SAAqB,QACvD,KAAM,CAAEc,CAAC,CAAE,CAAGZ,iBACd,MAAMa,WAAa,IAAMJ,aAAa,MACtC,MAAMK,YAAc,IAAML,aAAa,OAEvC,MAAMM,iBAAmB,AAACC,aACxB,MAAMC,MAAQZ,gCAAAA,wCAAAA,wBAAyBa,IAAI,CAAC,AAACC,QAAWA,OAAOH,UAAU,GAAKA,YAC9E,GAAIC,MAAO,CACT,OAAOA,MAAMG,EAAE,AACjB,CACA,OAAO,IACT,EAGA,MAAMC,2BAA6B,KACjC,MAAMC,eAAiBjB,wBAAwBa,IAAI,CAAC,AAACC,QAAWA,OAAOC,EAAE,GAAKb,kBAC9E,GAAIe,eAAgB,CAClB,MAAO,CAACrB,QAAQqB,eAAeH,MAAM,CAAEhB,YACzC,CACA,OAAO,KACT,EAEA,MAAMoB,gBAAkB,KACtB,MAAMJ,OAASd,wBAAwBa,IAAI,CAAC,AAACC,QAAWA,OAAOC,EAAE,GAAKb,kBACtE,GAAIY,OAAQ,CACVb,2BAA2B,CACzBkB,SAAUL,OAAOC,EAAE,CACnBJ,WAAYG,OAAOH,UAAU,CAC7BG,OAAQhB,WACV,EACF,KAAO,CACLQ,aAAa,QACbE,YACF,CACF,EAEA,MAAMY,kBAAoB,KACxB,GAAItB,YAAYuB,MAAM,CAACC,MAAM,CAAG,EAAG,CACjChB,aAAa,UACbE,YACF,CACF,EAEA,MAAMe,kBAAoB,CAAC,CACzBZ,UAAU,CACVa,SAAS,CAIV,IACC,MAAML,SAAWT,iBAAiBC,YAClC,GAAIa,WAAaL,SAAU,CACzBlB,2BAA2B,CACzBkB,SAAUA,SACVR,WAAYA,WACZG,OAAQhB,WACV,EACF,KAAO,CACLC,iBAAiB,CAAEY,WAAYG,OAAQhB,WAAY,EACrD,CACAW,aACF,EAEA,OACE,2BACGX,YAAYuB,MAAM,CAACC,MAAM,CAAG,GAC3B,KAACG,OAAIC,UAAWpC,OAAO,CAAC,mBAAmB,UACzC,MAACC,MAAKoC,OAAO,KAAKC,MAAM,cAAcC,QAAQ,QAAQC,WAAY,IAAKC,OAAQ,aAC7E,KAACxC,KAAKyC,MAAM,WACV,KAACtC,MAAKuC,cAAY,YAAYP,UAAWpC,OAAO,CAAC,YAAY,CAAE4C,KAAM,OAEvE,MAAC3C,KAAK4C,QAAQ,YACZ,KAAC5C,KAAK6C,IAAI,EACRC,QAASnB,gBACToB,SACE,CAAE,CAAA,AAACpC,kBAAoBc,8BAAiC,CAACd,gBAAe,EAE1EwB,UAAWpC,OAAO,CAAC,mBAAmB,UAErCiB,EAAE,iBAEL,KAAChB,KAAK6C,IAAI,EACRE,SAAU,CAACpC,iBACXmC,QAASjB,kBACTM,UAAWpC,OAAO,CAAC,mBAAmB,UAErCiB,EAAE,4BAMb,KAACf,iBACCa,UAAWA,UACXkC,OAAQpC,YACRqC,QAAS/B,YACTgC,SAAUlB,kBACVb,iBAAkBA,qBAI1B,CAAC"}

package/lib/esm/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/esm/components/Filter/RemotePersistence/SaveFilterModal.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Modal,ModalActions}from"../../Modal";import{Button,Checkbox,Form,FormInput}from"../../Form";import{useState}from"react";import{useTranslation}from"react-i18next";export const SaveFilterModal=({modalType,isOpen,onClose,onSubmit,getSavedFilterId})=>{const{t}=useTranslation();const[overwrite,setOverwrite]=useState(false);const[filterExists,setFilterExists]=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 _jsx(Modal,{size:"sm",opened:isOpen,onClose:onClose,title:modalType==="Save"?t("Save filter"):t("Save filter as"),children:_jsxs(Form,{onSubmit:data=>handleSubmit(data),children:[_jsx(FormInput,{validation:validateFilterName,name:"filterName",label:t("Name")}),filterExists&&_jsx(Checkbox,{name:"overwrite",label:t("Overwrite existing filter"),onChange:e=>setOverwrite(e.target.checked)}),_jsxs(ModalActions,{children:[_jsx(Button,{onClick:onClose,type:"button",children:t("Cancel")}),_jsx(Button,{type:"submit",children:t("Save")})]})]})})};
+//# sourceMappingURL=SaveFilterModal.js.map

package/lib/esm/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":["Modal","ModalActions","Button","Checkbox","Form","FormInput","useState","useTranslation","SaveFilterModal","modalType","isOpen","onClose","onSubmit","getSavedFilterId","t","overwrite","setOverwrite","filterExists","setFilterExists","handleSubmit","filterName","validateFilterName","value","size","opened","title","data","validation","name","label","onChange","e","target","checked","onClick","type"],"mappings":"wDAKA,QAASA,KAAK,CAAEC,YAAY,KAAQ,aAAa,AACjD,QAASC,MAAM,CAAEC,QAAQ,CAAEC,IAAI,CAAEC,SAAS,KAAQ,YAAY,AAC9D,QAASC,QAAQ,KAAQ,OAAO,AAEhC,QAASC,cAAc,KAAQ,eAAe,AAe9C,QAAO,MAAMC,gBAAkB,CAAC,CAC9BC,SAAS,CACTC,MAAM,CACNC,OAAO,CACPC,QAAQ,CACRC,gBAAgB,CACM,IACtB,KAAM,CAAEC,CAAC,CAAE,CAAGP,iBACd,KAAM,CAACQ,UAAWC,aAAa,CAAGV,SAAS,OAC3C,KAAM,CAACW,aAAcC,gBAAgB,CAAGZ,SAAS,OAEjD,MAAMa,aAAe,CAAC,CAAEC,UAAU,CAAqB,IACrDR,SAAS,CAAEQ,WAAYL,SAAU,EACnC,EAEA,MAAMM,mBAAqB,AAACC,QAC1B,GAAI,CAACA,MAAO,OAAOR,EAAE,gCACrB,GAAID,iBAAiBS,QAAU,CAACP,UAAW,CAEzCG,gBAAgB,MAChB,OAAOJ,EACL,oGAEJ,CACAI,gBAAgB,OAChB,OAAO,IACT,EAEA,OACE,KAAClB,OACCuB,KAAM,KACNC,OAAQd,OACRC,QAASA,QACTc,MAAOhB,YAAc,OAASK,EAAE,eAAiBA,EAAE,2BAEnD,MAACV,MAAKQ,SAAU,AAACc,MAA4BP,aAAaO,gBACxD,KAACrB,WAAUsB,WAAYN,mBAAoBO,KAAM,aAAcC,MAAOf,EAAE,UAEvEG,cACC,KAACd,UACCyB,KAAM,YACNC,MAAOf,EAAE,6BACTgB,SAAU,AAACC,GAAMf,aAAae,EAAEC,MAAM,CAACC,OAAO,IAIlD,MAAChC,wBACC,KAACC,QAAOgC,QAASvB,QAASwB,KAAM,kBAC7BrB,EAAE,YAEL,KAACZ,QAAOiC,KAAM,kBAAWrB,EAAE,iBAKrC,CAAC"}

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

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

package/lib/esm/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":"AAIA,WAAc,kCAAkC,AAChD,YAAc,SAAS,AACvB,YAAc,8BAA8B,AAC5C,YAAc,kBAAkB"}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Filter/RemotePersistence/types.ts"],"sourcesContent":["import { TFilter } from \"../utils\"\n\nexport type TRemotePersistentFilter = {\n  id: string\n  filterName: string\n  filterType: string\n  filter: TFilter.DTO.State\n}\n\nexport type TModalType = \"Save\" | \"SaveAs\"\n"],"names":[],"mappings":"AASA,QAA0C"}

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

@@ -0,0 +1,2 @@
+import{TFilter,Serializer}from"../utils";import{useState}from"react";export const useRemotePersistentFilters=({remotelyPersistedFilters,filterConfig,onApply,handleDeleteFilter})=>{const[initialState,setInitialState]=useState();const[selectedFilterId,setSelectedFilterId]=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=Serializer.deserializeDTOToInternal(filterConfig,dto);handleFilterUpdate(dto,internalState,{wasUserCreated:true,event: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/esm/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":["TFilter","Serializer","useState","useRemotePersistentFilters","remotelyPersistedFilters","filterConfig","onApply","handleDeleteFilter","initialState","setInitialState","selectedFilterId","setSelectedFilterId","handleDropDownSelect","id","found","find","s","dto","filter","internalState","deserializeDTOToInternal","handleFilterUpdate","wasUserCreated","event","EventHandler","EApplyEvent","USER_LOAD_SAVED_FILTER","meta","terms","length","resetDropdownSelection","undefined","handleFilterDelete"],"mappings":"AAAA,OAASA,OAAO,CAAEC,UAAU,KAAQ,UAAU,AAE9C,QAASC,QAAQ,KAAQ,OAAO,AAEhC,QAAO,MAAMC,2BAA6B,CAAC,CACzCC,wBAAwB,CACxBC,YAAY,CACZC,OAAO,CACPC,kBAAkB,CAMnB,IACC,KAAM,CAACC,aAAcC,gBAAgB,CAAGP,WACxC,KAAM,CAACQ,iBAAkBC,oBAAoB,CAAGT,WAEhD,MAAMU,qBAAuB,AAACC,KAC5B,MAAMC,MAAQV,iCAAAA,yCAAAA,yBAA0BW,IAAI,CAAC,AAACC,GAAMA,EAAEH,EAAE,GAAKA,IAC7D,GAAIC,MAAO,CACT,MAAMG,IAAMH,MAAMI,MAAM,CACxB,MAAMC,cAAgBlB,WAAWmB,wBAAwB,CAACf,aAAcY,KACxEI,mBAAmBJ,IAAKE,cAAe,CACrCG,eAAgB,KAChBC,MAAOvB,QAAQwB,YAAY,CAACC,WAAW,CAACC,sBAAsB,AAChE,GACAf,oBAAoBG,MAAMD,EAAE,CAC9B,CACF,EACA,MAAMQ,mBAAmD,CAACJ,IAAKE,cAAeQ,QAC5E,GAAIR,cAAcS,KAAK,CAACC,MAAM,GAAK,EAAG,CACpCC,wBACF,KAAO,CACLrB,gBAAgBU,cAClB,CACAb,QAAQW,IAAKE,cAAeQ,KAC9B,EAEA,MAAMG,uBAAyB,KAC7BnB,oBAAoBoB,WACpBtB,gBAAgBsB,UAClB,EAEA,MAAMC,mBAAqB,AAACnB,KAC1BN,mBAAmBM,GACrB,EAEA,MAAO,CACLH,iBACAF,aACAI,qBACAS,mBACAW,kBACF,CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{XCircle as XCircleIcon}from"lucide-react";import React from"react";import classes from"./CircleCrossIcon.module.css";export const CircleCrossIcon=({title,onClick})=>{return _jsx("span",{className:classes["delete-all-terms-button"],"data-testid":"circle-cross-icon",title:title,onClick:onClick,children:_jsx(XCircleIcon,{size:24})})};
+//# sourceMappingURL=CircleCrossIcon.js.map

package/lib/esm/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":["XCircle","XCircleIcon","React","classes","CircleCrossIcon","title","onClick","span","className","data-testid","size"],"mappings":"0CAIA,QAASA,WAAWC,WAAW,KAAQ,cAAc,AACrD,QAAOC,UAAkC,OAAO,AAChD,QAAOC,YAAa,8BAA8B,AAOlD,QAAO,MAAMC,gBAAmD,CAAC,CAAEC,KAAK,CAAEC,OAAO,CAAE,IACjF,OACE,KAACC,QACCC,UAAWL,OAAO,CAAC,0BAA0B,CAC7CM,cAAa,oBACbJ,MAAOA,MACPC,QAASA,iBAET,KAACL,aAAYS,KAAM,MAGzB,CAAC"}

package/lib/esm/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/esm/components/Filter/TermContainer/Term/Attribute.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import classes from"./index.module.css";import{TermBadge}from"./TermBadge";import{TFilter}from"../../utils";import{FilterInputWrapper}from"../../utils/FilterSelect";import{Cascade}from"../../../Form";import React from"react";import{useFilter,useFilterTerm}from"../../utils/hooks/useFilter";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";export const Attribute=({termId,onChange,onDelete,currentStep,onKeyDown})=>{var _term_selectedCascadeValues;const{term}=useFilterTerm(termId);const{config,portalTargetRef}=useFilter();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.white;if(!term)return null;return _jsx("span",{className:classes["badge-container"],"data-testid":"filter-badge-attribute",children:term.attribute?_jsx(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===TFilter.Internal.ESTEP.OPERATOR}):_jsx(FilterInputWrapper,{children:_jsx(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:classes.container},onSelect:val=>{if(val.length===0)return;onChange(val[0].value,val)},onKeyDown:onKeyDown})})})};
+//# sourceMappingURL=Attribute.js.map

package/lib/esm/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":["classes","TermBadge","TFilter","FilterInputWrapper","Cascade","React","useFilter","useFilterTerm","useMantineColorScheme","useMantineTheme","Attribute","termId","onChange","onDelete","currentStep","onKeyDown","term","config","portalTargetRef","theme","colorScheme","isDarkScheme","badgeFGColor","black","white","span","className","data-testid","attribute","label","selectedCascadeValues","map","val","join","name","color","bgColor","colors","gray","showDeleteButton","Internal","ESTEP","OPERATOR","options","configItem","value","cascadeValues","menuPortalTarget","undefined","selectProps","menuIsOpen","autoFocus","container","onSelect","length"],"mappings":"0CAIA,QAAOA,YAAa,oBAAoB,AACxC,QAASC,SAAS,KAAQ,aAAa,AACvC,QAASC,OAAO,KAAQ,aAAa,AACrC,QAASC,kBAAkB,KAAQ,0BAA0B,AAC7D,QAASC,OAAO,KAAgB,eAAe,AAC/C,QAAOC,UAAW,OAAO,AACzB,QAASC,SAAS,CAAEC,aAAa,KAAQ,6BAA6B,AACtE,QAASC,qBAAqB,CAAEC,eAAe,KAAQ,eAAe,AAuBtE,QAAO,MAAMC,UAAuC,CAAC,CACnDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,WAAW,CACXC,SAAS,CACV,QAeWC,4BAdV,KAAM,CAAEA,IAAI,CAAE,CAAGT,cAAcI,QAC/B,KAAM,CAAEM,MAAM,CAAEC,eAAe,CAAE,CAAGZ,YACpC,MAAMa,MAAQV,kBACd,KAAM,CAAEW,WAAW,CAAE,CAAGZ,wBACxB,MAAMa,aAAeD,cAAgB,OACrC,MAAME,aAAeD,aAAeF,MAAMI,KAAK,CAAGJ,MAAMK,KAAK,CAE7D,GAAI,CAACR,KAAM,OAAO,KAElB,OACE,KAACS,QAAKC,UAAW1B,OAAO,CAAC,kBAAkB,CAAE2B,cAAa,kCACvDX,KAAKY,SAAS,CACb,KAAC3B,WACC4B,MACEb,EAAAA,4BAAAA,KAAKc,qBAAqB,UAA1Bd,4CAAAA,4BAA4Be,GAAG,CAAC,AAACC,KAAQA,IAAIH,KAAK,EAAEI,IAAI,CAAC,SACzDjB,KAAKY,SAAS,CAACM,IAAI,CAACL,KAAK,CAE3BhB,SAAUA,SACVsB,MAAOb,aACPc,QAASf,aAAeF,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGnB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE,CACnEC,iBAAkBzB,cAAgBZ,QAAQsC,QAAQ,CAACC,KAAK,CAACC,QAAQ,GAGnE,KAACvC,6BACC,KAACC,SACCuC,QAAS1B,OAAOc,GAAG,CAAC,AAACa,YAAoC,CAAA,CACvDC,MAAOD,WAAWV,IAAI,CAACW,KAAK,CAC5BhB,MAAOe,WAAWV,IAAI,CAACL,KAAK,CAC5Bc,QAASC,WAAWE,aAAa,AACnC,CAAA,GACAC,iBAAkB7B,iBAAmB8B,UACrCC,YAAa,CACXC,WAAY,KACZC,UAAW,KACXzB,UAAW1B,QAAQoD,SAAS,AAC9B,EACAC,SAAU,AAACrB,MACT,GAAIA,IAAIsB,MAAM,GAAK,EAAG,OACtB1C,SAASoB,GAAG,CAAC,EAAE,CAACa,KAAK,CAAEb,IACzB,EACAjB,UAAWA,eAMvB,CAAC"}

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

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

package/lib/esm/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":["TermBadge","React","FilterBadge","Popover","useMantineColorScheme","useMantineTheme","useFilter","useFilterTerm","useTranslation","ELanguage","TFilter","buildDisplayValueTransformMap","transformValueBasedOnControlType","EControlType","classes","termClasses","DisplayValueBadge","shouldBeTranslated","className","onDelete","value","theme","t","colorScheme","isDarkScheme","badgeFGColor","black","colors","gray","badgeBGColor","label","color","bgColor","showDeleteButton","DisplayValue","termId","term","state","setState","i18n","transform","language","fromString","checkIfDisplayValueShouldBeTranslated","handlePopOverClick","event","stopPropagation","termsCollapsed","attribute","control","type","STRING","Array","isArray","values","length","splice","map","val","span","onClick","Target","button","data-testid","e","data-readonly-clickable","white","border","borderRadius","Dropdown","div","badge","CONTROL_TYPES_WITH_TRANSLATION","ENUM","attributeControlTypeIsIncludedInTranslationEnum","includes","operatorControlTypeIsIncludedInTranslationEnum","operator"],"mappings":"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"}

package/lib/esm/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/esm/components/Filter/TermContainer/Term/Operator.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import classes from"./index.module.css";import{TermBadge}from"./TermBadge";import{FilterSelect}from"../../utils/FilterSelect";import React from"react";import{useFilterTerm}from"../../utils/hooks/useFilter";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";export const Operator=({termId,onChange,onDelete,currentStep,onKeyDown})=>{var _term_attribute;const{term}=useFilterTerm(termId);const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const badgeFGColor=isDarkScheme?theme.black:theme.white;if(!term)return null;return _jsx("span",{className:classes["badge-container"],"data-testid":"filter-badge-operator",children:term.operator?_jsx(TermBadge,{label:term.operator.label,onDelete:()=>{onDelete()},color:badgeFGColor,bgColor:isDarkScheme?theme.colors.gray[1]:theme.colors.gray[7],showDeleteButton:currentStep===2&&!term.completed}):_jsx(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/esm/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":["classes","TermBadge","FilterSelect","React","useFilterTerm","useMantineColorScheme","useMantineTheme","Operator","termId","onChange","onDelete","currentStep","onKeyDown","term","theme","colorScheme","isDarkScheme","badgeFGColor","black","white","span","className","data-testid","operator","label","color","bgColor","colors","gray","showDeleteButton","completed","options","attribute","operators","val","Array","isArray","value"],"mappings":"0CAIA,QAAOA,YAAa,oBAAoB,AACxC,QAASC,SAAS,KAAQ,aAAa,AAEvC,QAASC,YAAY,KAAQ,0BAA0B,AACvD,QAAOC,UAAW,OAAO,AACzB,QAASC,aAAa,KAAQ,6BAA6B,AAC3D,QAASC,qBAAqB,CAAEC,eAAe,KAAQ,eAAe,AAmBtE,QAAO,MAAMC,SAAqC,CAAC,CACjDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,WAAW,CACXC,SAAS,CACV,QAuBkBC,gBAtBjB,KAAM,CAAEA,IAAI,CAAE,CAAGT,cAAcI,QAC/B,MAAMM,MAAQR,kBACd,KAAM,CAAES,WAAW,CAAE,CAAGV,wBACxB,MAAMW,aAAeD,cAAgB,OACrC,MAAME,aAAeD,aAAeF,MAAMI,KAAK,CAAGJ,MAAMK,KAAK,CAE7D,GAAI,CAACN,KAAM,OAAO,KAElB,OACE,KAACO,QAAKC,UAAWrB,OAAO,CAAC,kBAAkB,CAAEsB,cAAa,iCACvDT,KAAKU,QAAQ,CACZ,KAACtB,WACCuB,MAAOX,KAAKU,QAAQ,CAACC,KAAK,CAC1Bd,SAAU,KACRA,UACF,EACAe,MAAOR,aACPS,QAASV,aAAeF,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGd,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,CACnEC,iBAAkBlB,cAAgB,GAAK,CAACE,KAAKiB,SAAS,GAGxD,KAAC5B,cACC6B,OAAO,EAAElB,gBAAAA,KAAKmB,SAAS,UAAdnB,gCAAAA,gBAAgBoB,SAAS,CAClCxB,SAAU,AAACyB,KACT,CAACC,MAAMC,OAAO,CAACF,MAAQA,KAAOzB,SAAS,AAACyB,IAA8BG,KAAK,EAE7EzB,UAAWA,aAKrB,CAAC"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{FilterBadge}from"../../utils/FilterBadge";import{X as CrossIcon}from"lucide-react";import{Tooltip}from"@mantine/core";import classes from"./TermBadge.module.css";import{cx}from"../../../../helper/cx";import{NumberInline}from"../../../NumberInline";import{TFilter}from"../../utils";const TermBadge=_param=>{var{label,controlType,onDelete,showDeleteButton,className}=_param,badgeProps=_object_without_properties(_param,["label","controlType","onDelete","showDeleteButton","className"]);const DeleteButton=()=>_jsx("span",{className:classes["delete-button"],"data-testid":"filter-badge-delete-button",onClick:e=>{e.stopPropagation();onDelete(e)},children:_jsx(CrossIcon,{size:16})});const labelLength=label.toString().length;if(labelLength>20){return _jsxs(FilterBadge,_object_spread_props(_object_spread({},badgeProps),{className:className,borderRadius:"2px",children:[_jsx(Tooltip,{label:label,"data-readonly-clickable":true,styles:{tooltip:{maxWidth:"50vw",wordBreak:"break-all",height:"auto",position:"fixed"}},multiline:true,children:_jsxs("span",{"data-testid":"filter-term-badge-label",style:{pointerEvents:"all"},children:[label.toString().substring(0,20),"..."]})}),showDeleteButton&&_jsx(DeleteButton,{})]}))}return _jsxs(FilterBadge,_object_spread_props(_object_spread({},badgeProps),{className:cx(className,classes.container),borderRadius:"2px",children:[controlType!=undefined&&(controlType==TFilter.EControlType.FLOAT||controlType==TFilter.EControlType.INTEGER)?_jsx("span",{"data-testid":"filter-term-badge-label",children:_jsx(NumberInline,{number:label})}):_jsx("span",{"data-testid":"filter-term-badge-label",children:label}),showDeleteButton&&_jsx(DeleteButton,{})]}))};export{TermBadge};
+//# sourceMappingURL=TermBadge.js.map

package/lib/esm/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":["React","FilterBadge","X","CrossIcon","Tooltip","classes","cx","NumberInline","TFilter","TermBadge","label","controlType","onDelete","showDeleteButton","className","badgeProps","DeleteButton","span","data-testid","onClick","e","stopPropagation","size","labelLength","toString","length","borderRadius","data-readonly-clickable","styles","tooltip","maxWidth","wordBreak","height","position","multiline","style","pointerEvents","substring","container","undefined","EControlType","FLOAT","INTEGER","number"],"mappings":"2+DAIA,QAAOA,UAAkC,OAAO,AAChD,QAASC,WAAW,KAAQ,yBAAyB,AACrD,QAASC,KAAKC,SAAS,KAAQ,cAAc,AAC7C,QAASC,OAAO,KAAQ,eAAe,AACvC,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,EAAE,KAAQ,uBAAuB,AAC1C,QAASC,YAAY,KAAQ,uBAAuB,AACpD,QAASC,OAAO,KAAQ,aAAa,CAarC,MAAMC,UAAuC,YAAC,CAC5CC,KAAK,CACLC,WAAW,CACXC,QAAQ,CACRC,gBAAgB,CAChBC,SAAS,CAEV,QADIC,8CALHL,QACAC,cACAC,WACAC,mBACAC,cAGA,MAAME,aAAe,IACnB,KAACC,QACCH,UAAWT,OAAO,CAAC,gBAAgB,CACnCa,cAAa,6BACbC,QAAS,AAACC,IACRA,EAAEC,eAAe,GACjBT,SAASQ,EACX,WAKA,KAACjB,WAAUmB,KAAM,OAIrB,MAAMC,YAAcb,MAAMc,QAAQ,GAAGC,MAAM,CAE3C,GAAIF,YAAc,GAAI,CACpB,OACE,MAACtB,mDAAgBc,aAAYD,UAAWA,UAAWY,aAAc,gBAC/D,KAACtB,SACCM,MAAOA,MACPiB,yBAAuB,MACvBC,OAAQ,CACNC,QAAS,CACPC,SAAU,OACVC,UAAW,YACXC,OAAQ,OACRC,SAAU,OACZ,CACF,EACAC,SAAS,eAET,MAACjB,QAAKC,cAAa,0BAA2BiB,MAAO,CAAEC,cAAe,KAAM,YACzE1B,MAAMc,QAAQ,GAAGa,SAAS,CAAC,EAAG,IAAI,WAGtCxB,kBAAoB,KAACG,oBAG5B,CAEA,OACE,MAACf,mDAAgBc,aAAYD,UAAWR,GAAGQ,UAAWT,QAAQiC,SAAS,EAAGZ,aAAc,gBACrFf,aAAe4B,WACf5B,CAAAA,aAAeH,QAAQgC,YAAY,CAACC,KAAK,EAAI9B,aAAeH,QAAQgC,YAAY,CAACE,OAAO,AAAD,EACtF,KAACzB,QAAKC,cAAa,mCACjB,KAACX,cAAaoC,OAAQjC,UAGxB,KAACO,QAAKC,cAAa,mCAA4BR,QAEhDG,kBAAoB,KAACG,oBAG5B,CAEA,QAASP,SAAS,CAAE"}

package/lib/esm/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/esm/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{FilterInputWrapper}from"../../../utils/FilterSelect";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import Select from"react-select";export const AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=useFilterTerm(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=useState();const theme=useMantineTheme();const{colorScheme}=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 _jsx(FilterInputWrapper,{children:_jsx(Select,{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/esm/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":["useState","useFilterTerm","FilterInputWrapper","useMantineColorScheme","useMantineTheme","Select","AutocompleteSelect","termId","values","controlType","onKeyDown","handleValueChange","term","attribute","operator","typedValue","setTypedValue","theme","colorScheme","isDarkScheme","options","map","v","label","value","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":"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"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{FilterSelect}from"../../../utils/FilterSelect";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{useState}from"react";import{appendValueToCurrentValueArray}from"../../../utils";import{useTranslation}from"react-i18next";export const EnumInput=props=>{var _props_values;const{handleValueChange,term}=useFilterTerm(props.termId);const{t}=useTranslation();if(!term)return null;const{attribute,operator,value}=term;const[values,setValues]=useState(value||[]);if(!attribute||!operator||!props.controlType||!props.values)return null;return _jsx(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(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/esm/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":["FilterSelect","useFilterTerm","useState","appendValueToCurrentValueArray","useTranslation","EnumInput","props","handleValueChange","term","termId","t","attribute","operator","value","values","setValues","controlType","withTranslation","multiple","multiSelect","options","map","x","label","onChange","val","Array","isArray","onBlur","e","stopPropagation","onKeyDown","code","match","preventDefault"],"mappings":"0CAIA,QAASA,YAAY,KAAQ,6BAA6B,AAE1D,QAASC,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,QAAQ,KAAQ,OAAO,AAChC,QAASC,8BAA8B,KAAQ,gBAAgB,AAC/D,QAASC,cAAc,KAAQ,eAAe,AAG9C,QAAO,MAAMC,UAAwC,AAACC,YAcvCA,cAbb,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGP,cAAcK,MAAMG,MAAM,EAC9D,KAAM,CAAEC,CAAC,CAAE,CAAGN,iBACd,GAAI,CAACI,KAAM,OAAO,KAClB,KAAM,CAAEG,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGL,KACvC,KAAM,CAACM,OAAQC,UAAU,CAAGb,SAA0CW,OAAS,EAAE,EAEjF,GAAI,CAACF,WAAa,CAACC,UAAY,CAACN,MAAMU,WAAW,EAAI,CAACV,MAAMQ,MAAM,CAAE,OAAO,KAE3E,OACE,KAACd,cACCa,MAAOC,QAAUD,MACjBI,eAAe,MACfC,SAAUP,UAAUQ,WAAW,CAC/BC,OAAO,EAAEd,cAAAA,MAAMQ,MAAM,UAAZR,8BAAAA,cAAce,GAAG,CAAC,AAACC,GAAO,CAAA,CAAET,MAAOS,EAAGC,MAAOb,EAAEY,EAAG,CAAA,GAC3DE,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtBV,UACEZ,+BACEG,MAAMU,WAAW,CACjBS,IAAIJ,GAAG,CAAC,AAACC,GAAMA,EAAET,KAAK,GAG5B,KAAO,CACLN,kBAAkB,AAACkB,IAA0BZ,KAAK,CAAE,KACtD,CACF,EACAe,OAAQ,AAACC,IACPA,EAAEC,eAAe,GACjBvB,kBAAkBO,OACpB,EACAiB,UAAW,AAACF,IACVA,EAAEC,eAAe,GACjBxB,MAAMyB,SAAS,CAACF,GAChB,GAAIlB,UAAUQ,WAAW,EAAIU,EAAEG,IAAI,CAACC,KAAK,CAAC,oBAAqB,CAC7DJ,EAAEK,cAAc,GAChB3B,kBAAkBO,OAAQ,CAAC,CAACe,EAAEG,IAAI,CAACC,KAAK,CAAC,SAC3C,CACF,GAGN,CAAC"}

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

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

package/lib/esm/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":["useFilterTerm","DatePickerPopUp","useEffect","FilterFieldDatePicker","props","handleValueChange","term","termId","document","body","addEventListener","onKeyDown","removeEventListener","defaultValue","Date","style","marginTop","onChange","val","getTime"],"mappings":"0CAKA,QAASA,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,eAAe,KAAQ,kBAAkB,AAClD,QAASC,SAAS,KAAQ,OAAO,AAEjC,QAAO,MAAMC,sBAAoD,AAACC,QAChE,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGN,cAAcI,MAAMG,MAAM,EAE9DL,UAAU,KACRM,SAASC,IAAI,CAACC,gBAAgB,CAAC,UAAWN,MAAMO,SAAS,EACzD,MAAO,IAAMH,SAASC,IAAI,CAACG,mBAAmB,CAAC,UAAWR,MAAMO,SAAS,CAC3E,EAAG,EAAE,EAEL,GAAI,CAACL,KAAM,OAAO,KAClB,OACE,KAACL,iBACCY,aAAc,IAAIC,KAClBC,MAAO,CACLC,UAAW,OACb,EACAC,SAAU,AAACC,UACSA,aAAlBb,kBAAkBa,CAAAA,YAAAA,qBAAAA,aAAAA,IAAKC,OAAO,UAAZD,6BAAAA,kBAAAA,OAAoB,EAAG,KAC3C,GAGN,CAAC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{FilterSelect}from"../../../utils/FilterSelect";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{useState}from"react";import{appendValueToCurrentValueArray}from"../../../utils";import{useHandleKeyPress}from"./useHandleKeyPress";export const Input=props=>{const{handleValueChange,term}=useFilterTerm(props.termId);if(!term)return null;const{attribute,operator,value}=term;const handleKeyPress=useHandleKeyPress(term.id,props.onKeyDown);if(!attribute||!operator||!props.controlType||!handleKeyPress)return null;const[values,setValues]=useState(value||[]);return _jsx(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(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=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/esm/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":["FilterSelect","useFilterTerm","useState","appendValueToCurrentValueArray","useHandleKeyPress","Input","props","handleValueChange","term","termId","attribute","operator","value","handleKeyPress","id","onKeyDown","controlType","values","setValues","creatable","menuIsOpen","multiple","multiSelect","onChange","val","Array","isArray","length","filter","v","match","map","preparedValue","e","onBlur","stopPropagation"],"mappings":"0CAIA,QAASA,YAAY,KAAQ,6BAA6B,AAE1D,QAASC,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,QAAQ,KAAQ,OAAO,AAChC,QAASC,8BAA8B,KAAQ,gBAAgB,AAC/D,QAASC,iBAAiB,KAAQ,qBAAqB,AAGvD,QAAO,MAAMC,MAAoC,AAACC,QAChD,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGP,cAAcK,MAAMG,MAAM,EAE9D,GAAI,CAACD,KAAM,OAAO,KAClB,KAAM,CAAEE,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGJ,KACvC,MAAMK,eAAiBT,kBAAkBI,KAAKM,EAAE,CAAER,MAAMS,SAAS,EAEjE,GAAI,CAACL,WAAa,CAACC,UAAY,CAACL,MAAMU,WAAW,EAAI,CAACH,eAAgB,OAAO,KAG7E,KAAM,CAACI,OAAQC,UAAU,CAAGhB,SAA0CU,OAAS,EAAE,EAEjF,OACE,KAACZ,cACCmB,UAAW,KACXC,WAAY,MACZR,MAAOK,OACPI,QAAQ,CAAEX,kBAAAA,0BAAAA,UAAWY,WAAW,CAChCC,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtB,GAAI,CAACA,IAAIG,MAAM,EAAI,CAAC,AAACV,OAAcU,MAAM,CAAE,OAC3CT,UACEf,+BACEG,MAAMU,WAAW,CACjBQ,IAAII,MAAM,CAAC,AAACC,GAAM,CAACA,EAAEjB,KAAK,CAACkB,KAAK,EAAI,CAACD,EAAEjB,KAAK,CAACkB,KAAK,CAAC,UAAUC,GAAG,CAAC,AAACF,GAAMA,EAAEjB,KAAK,GAGrF,KAAO,CAEL,GAAI,CAACY,KAAO,AAACA,IAA0BZ,KAAK,CAACkB,KAAK,CAAC,SAAU,OAC7D,MAAME,cAAgB7B,+BACpBG,MAAMU,WAAW,CACjB,AAACQ,IAA0BZ,KAAK,EAGlCL,kBAAkByB,cAAe,KACnC,CACF,EACAjB,UAAW,AAACkB,GAAMpB,eAAeoB,EAAGhB,QACpCiB,OAAQ,AAACD,IACPA,EAAEE,eAAe,GACjB5B,kBAAkBkB,MAAMC,OAAO,CAACT,SAAWA,CAAAA,eAAAA,uBAAAA,OAAQU,MAAM,EAAG,EAAIV,OAAS,KAC3E,GAGN,CAAC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{FilterFieldDatePicker}from"./FilterFieldDatePicker";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{Input}from"./Input";import{EnumInput}from"./EnumInput";import{TFilter}from"../../../utils";import{AutocompleteSelect}from"./AutocompleteSelect";const EControlType=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};export const ValueField=({termId,onKeyDown})=>{var _term_operator_control,_term_operator,_term_attribute;if(termId===undefined)return null;const{term}=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 TFilter.EControlType.AUTOCOMPLETE:return _jsx(AutocompleteSelect,{controlType:controlType,values:values,termId:termId,onKeyDown:onKeyDown});case EControlType.DATETIME:return _jsx(FilterFieldDatePicker,{termId:termId,controlType:controlType,onKeyDown:onKeyDown});case TFilter.EControlType.ENUM:return _jsx(EnumInput,{controlType:controlType,values:values,termId:termId,onKeyDown:onKeyDown});default:return _jsx(Input,{onKeyDown:onKeyDown,termId:termId,controlType:controlType})}};
+//# sourceMappingURL=index.js.map

package/lib/esm/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":["FilterFieldDatePicker","useFilterTerm","Input","EnumInput","TFilter","AutocompleteSelect","EControlType","getValues","termState","lastCascadeItem","selectedCascadeValues","length","operator","values","meta","map","v","value","attribute","ValueField","termId","onKeyDown","term","undefined","controlType","control","type","AUTOCOMPLETE","DATETIME","ENUM"],"mappings":"0CAIA,QAASA,qBAAqB,KAAQ,yBAAyB,AAC/D,QAASC,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,KAAK,KAAQ,SAAS,AAC/B,QAASC,SAAS,KAAQ,aAAa,AACvC,QAASC,OAAO,KAAQ,gBAAgB,AACxC,QAASC,kBAAkB,KAAQ,sBAAsB,CACzD,MAAOC,aAAe,QAAQ,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,CAOA,QAAO,MAAMM,WAAa,CAAC,CAAEC,MAAM,CAAEC,SAAS,CAAmB,QAI3CC,uBAAAA,eAAgCA,gBAHpD,GAAIF,SAAWG,UAAW,OAAO,KACjC,KAAM,CAAED,IAAI,CAAE,CAAGrB,cAAcmB,QAC/B,GAAI,CAACE,KAAM,OACX,MAAME,YAAcF,EAAAA,eAAAA,KAAKV,QAAQ,UAAbU,gCAAAA,uBAAAA,eAAeG,OAAO,UAAtBH,uCAAAA,uBAAwBI,IAAI,KAAIJ,gBAAAA,KAAKJ,SAAS,UAAdI,gCAAAA,gBAAgBG,OAAO,CAACC,IAAI,EAChF,MAAMb,OAASN,UAAUe,MAEzB,GAAI,CAACE,YAAa,OAAO,KAEzB,OAAQA,aACN,KAAKpB,QAAQE,YAAY,CAACqB,YAAY,CACpC,OACE,KAACtB,oBACCmB,YAAaA,YACbX,OAAQA,OACRO,OAAQA,OACRC,UAAWA,WAGjB,MAAKf,aAAasB,QAAQ,CACxB,OACE,KAAC5B,uBAAsBoB,OAAQA,OAAQI,YAAaA,YAAaH,UAAWA,WAEhF,MAAKjB,QAAQE,YAAY,CAACuB,IAAI,CAC5B,OACE,KAAC1B,WACCqB,YAAaA,YACbX,OAAQA,OACRO,OAAQA,OACRC,UAAWA,WAGjB,SACE,OAAO,KAACnB,OAAMmB,UAAWA,UAAWD,OAAQA,OAAQI,YAAaA,aACrE,CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Filter/TermContainer/Term/ValueField/types.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TFilter } from \"../../../utils\"\nimport EControlType = TFilter.EControlType\n\nexport type TValueFieldProps = {\n  termId: TFilter.Internal.Term.State[\"id\"]\n  values?: string[]\n  controlType: EControlType\n  onKeyDown: (e: any) => void\n}\n"],"names":[],"mappings":"AAOA,QAKC"}

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

@@ -0,0 +1,2 @@
+import{useFilterTerm}from"../../../utils/hooks/useFilter";import{TFilter}from"../../../utils";export const useHandleKeyPress=(termId,handleSpecialKeyDown)=>{const{handleValueChange,term,deleteCurrentTerm}=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([TFilter.EControlType.FLOAT,TFilter.EControlType.INTEGER].includes(controlType)){if(e.target.value.match(/\./)){preventKeyPressOf(["Period"])}const allowedCharacterRegExp=["Digit","Arrow","Enter","Tab","Backspace"];if(controlType===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/esm/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":["useFilterTerm","TFilter","useHandleKeyPress","termId","handleSpecialKeyDown","handleValueChange","term","deleteCurrentTerm","attribute","operator","controlType","control","type","e","values","stopPropagation","preventKeyPressOf","reg","keyPressRegistered","some","forbiddenString","code","match","RegExp","preventDefault","allowOnlyKeys","EControlType","FLOAT","INTEGER","includes","target","value","allowedCharacterRegExp","push","Array","isArray","length"],"mappings":"AAIA,OAASA,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,OAAO,KAAQ,gBAAgB,AAExC,QAAO,MAAMC,kBAAoB,CAC/BC,OACAC,wBAEA,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAEC,iBAAiB,CAAE,CAAGP,cAAcG,QACrE,GAAI,CAACG,KAAM,OAAO,KAClB,KAAM,CAAEE,SAAS,CAAEC,QAAQ,CAAE,CAAGH,KAChC,MAAMI,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,CAACvB,QAAQyB,YAAY,CAACC,KAAK,CAAE1B,QAAQyB,YAAY,CAACE,OAAO,CAAC,CAACC,QAAQ,CAACnB,aAAc,CACpF,GAAI,AAACG,EAAEiB,MAAM,CAACC,KAAK,CAAYT,KAAK,CAAC,MAAO,CAC1CN,kBAAkB,CAAC,SAAS,CAC9B,CAEA,MAAMgB,uBAAyB,CAAC,QAAS,QAAS,QAAS,MAAO,YAAY,CAE9E,GAAItB,cAAgBT,QAAQyB,YAAY,CAACC,KAAK,CAAE,CAC9CK,uBAAuBC,IAAI,CAAC,UAC5BD,uBAAuBC,IAAI,CAAC,QAC9B,CACAR,cAAcO,uBAChB,CAEA,GAAInB,EAAEiB,MAAM,CAACC,KAAK,GAAK,IAAMlB,EAAEQ,IAAI,GAAK,QAAS,CAC/ChB,kBAAkBS,OAAQ,KAC5B,CACA,GACED,EAAEiB,MAAM,CAACC,KAAK,GAAK,IAClBG,CAAAA,MAAMC,OAAO,CAACrB,QAAUA,OAAOsB,MAAM,GAAK,EAAI,CAACtB,MAAK,GACrDD,EAAEQ,IAAI,GAAK,YACX,CACAjB,qBAAqBS,EACvB,CACA,GAAIA,EAAEiB,MAAM,CAACC,KAAK,GAAK,IAAMlB,EAAEQ,IAAI,GAAK,SAAU,CAChD,GAAIa,MAAMC,OAAO,CAACrB,SAAWA,OAAOsB,MAAM,GAAK,EAAG,CAChD7B,mBACF,CACAF,kBAAkBS,OACpB,CACF,CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import{prepareValueDeletion,Serializer,termMachine,termsMachine,TFilter}from"../../utils";const ESTEP=TFilter.Internal.ESTEP;export const deleteHandlerClosure=(term,updateTerms,setCurrentStep,onApply,transformer)=>{const performActiveCheck=newTerms=>{newTerms.removeAllIncompleted().setAllInactive()};return{handleAttributeDelete(){updateTerms(terms=>{const newTerms=termsMachine(terms).updateSpecificTerm(term.id,update=>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=termsMachine(terms).updateSpecificTerm(term.id,update=>termMachine(update).setOperator(null).setIncomplete().setValue(null).build());performActiveCheck(newTerms);return newTerms.build()});setCurrentStep(ESTEP.OPERATOR)},handleValueDelete(terms,valueToDelete){const newTerm=termsMachine(terms).getSpecificTerm(term.id);if(!newTerm)return;const value=prepareValueDeletion(newTerm.value,valueToDelete);let completed=false;const newTerms=termsMachine(terms).removeAllIncompleted();if(value){completed=true;newTerms.updateSpecificTerm(term.id,term=>termMachine(term).setComplete().setValue(value).build())}else{newTerms.updateSpecificTerm(term.id,term=>termMachine(term).setIncomplete().setValue(value).setActive().build())}const updatedState=updateTerms(()=>newTerms.build());if(completed){onApply(Serializer.serializeInternalToDTO(updatedState,transformer===null||transformer===void 0?void 0:transformer.dtoValueTransformMap),updatedState,{wasUserCreated:true,event:TFilter.EventHandler.EApplyEvent.VALUE_DELETE})}}}};
+//# sourceMappingURL=deleteHandlerClosure.js.map

package/lib/esm/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":["prepareValueDeletion","Serializer","termMachine","termsMachine","TFilter","ESTEP","deleteHandlerClosure","term","updateTerms","setCurrentStep","onApply","transformer","performActiveCheck","newTerms","removeAllIncompleted","setAllInactive","handleAttributeDelete","terms","updateSpecificTerm","id","update","setAttribute","setOperator","setValue","setIncomplete","build","ATTRIBUTE","handleOperatorDelete","OPERATOR","handleValueDelete","valueToDelete","newTerm","getSpecificTerm","value","completed","setComplete","setActive","updatedState","serializeInternalToDTO","dtoValueTransformMap","wasUserCreated","event","EventHandler","EApplyEvent","VALUE_DELETE"],"mappings":"AAIA,OAASA,oBAAoB,CAAEC,UAAU,CAAEC,WAAW,CAAEC,YAAY,CAAEC,OAAO,KAAQ,aAAa,CAElG,MAAOC,MAAQ,QAAQ,QAAQ,CAAC,KAAK,AAKrC,QAAO,MAAMC,qBAAuB,CAClCC,KACAC,YACAC,eACAC,QACAC,eAEA,MAAMC,mBAAqB,AAACC,WAG1BA,SAASC,oBAAoB,GAAGC,cAAc,EAChD,EAEA,MAAO,CACLC,wBACER,YAAY,AAACS,QACX,MAAMJ,SAAWV,aAAac,OAAOC,kBAAkB,CAACX,KAAKY,EAAE,CAAE,AAACC,QAChElB,YAAYkB,QACTC,YAAY,CAAC,MACbC,WAAW,CAAC,MACZC,QAAQ,CAAC,MACTC,aAAa,GACbC,KAAK,IAEVhB,eAAeJ,MAAMqB,SAAS,EAC9Bd,mBAAmBC,UACnB,OAAOA,SAASY,KAAK,EACvB,GACAhB,eAAeJ,MAAMqB,SAAS,CAChC,EACAC,uBACEnB,YAAY,AAACS,QACX,MAAMJ,SAAWV,aAAac,OAAOC,kBAAkB,CAACX,KAAKY,EAAE,CAAE,AAACC,QAChElB,YAAYkB,QAAQE,WAAW,CAAC,MAAME,aAAa,GAAGD,QAAQ,CAAC,MAAME,KAAK,IAE5Eb,mBAAmBC,UACnB,OAAOA,SAASY,KAAK,EACvB,GACAhB,eAAeJ,MAAMuB,QAAQ,CAC/B,EACAC,kBAAkBZ,KAAoC,CAAEa,aAAsB,EAE5E,MAAMC,QAAU5B,aAAac,OAAOe,eAAe,CAACzB,KAAKY,EAAE,EAC3D,GAAI,CAACY,QAAS,OACd,MAAME,MAAQjC,qBAAqB+B,QAAQE,KAAK,CAAEH,eAClD,IAAII,UAAY,MAChB,MAAMrB,SAAWV,aAAac,OAAOH,oBAAoB,GACzD,GAAImB,MAAO,CACTC,UAAY,KACZrB,SAASK,kBAAkB,CAACX,KAAKY,EAAE,CAAE,AAACZ,MACpCL,YAAYK,MAAM4B,WAAW,GAAGZ,QAAQ,CAACU,OAAOR,KAAK,GAEzD,KAAO,CACLZ,SAASK,kBAAkB,CAACX,KAAKY,EAAE,CAAE,AAACZ,MACpCL,YAAYK,MAAMiB,aAAa,GAAGD,QAAQ,CAACU,OAAOG,SAAS,GAAGX,KAAK,GAEvE,CAEA,MAAMY,aAAe7B,YAAY,IAAMK,SAASY,KAAK,IACrD,GAAIS,UAAW,CAEbxB,QACET,WAAWqC,sBAAsB,CAACD,aAAc1B,oBAAAA,4BAAAA,YAAa4B,oBAAoB,EACjFF,aACA,CACEG,eAAgB,KAChBC,MAAOrC,QAAQsC,YAAY,CAACC,WAAW,CAACC,YAAY,AACtD,EAEJ,CACF,CACF,CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import{termMachine,termsMachine,TFilter}from"../../utils";import{useFilter,useFilterTerm}from"../../utils/hooks/useFilter";import{DisplayValue}from"./DisplayValue";import{X as CrossIcon}from"lucide-react";import{ValueField}from"./ValueField";import classes from"./index.module.css";import{cx}from"../../../../helper/cx";import{Attribute}from"./Attribute";import{Operator}from"./Operator";import{deleteHandlerClosure}from"./deleteHandlerClosure";import{stepBackHandlerClosure}from"./stepBackHandlerClosure";const getStep=term=>{if(!term.attribute)return TFilter.Internal.ESTEP.ATTRIBUTE;if(!term.operator)return TFilter.Internal.ESTEP.OPERATOR;if(!term.value)return TFilter.Internal.ESTEP.VALUE;return TFilter.Internal.ESTEP.ATTRIBUTE};const Term=({id})=>{const{term,updateCurrentTerm,deleteCurrentTerm,handleBlur}=useFilterTerm(id);const{config,state,updateTerms,transformer,onApply,setState}=useFilter();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const[currentStep,setCurrentStep]=React.useState((term===null||term===void 0?void 0:term.completed)||!term?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(TFilter.Internal.ESTEP.OPERATOR);updateCurrentTerm(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(TFilter.Internal.ESTEP.VALUE);updateCurrentTerm(termMachine(term).setOperator(correspondingOperator).setIncomplete().build())};const onDeleteHandlers=deleteHandlerClosure(term,updateTerms,setCurrentStep,onApply,transformer);const stepBackHandlers=stepBackHandlerClosure(term,state.terms,updateTerms,setCurrentStep);const handleContainerClick=event=>{event.stopPropagation();if(term.active&&!term.completed)return;const newTerms=termsMachine(state.terms).removeAllIncompleted().setAllInactive().updateSpecificTerm(term.id,()=>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 TFilter.Internal.ESTEP.ATTRIBUTE:stepBackHandlers.handleStepBackInAttribute();break;case TFilter.Internal.ESTEP.OPERATOR:stepBackHandlers.handleStepBackInOperator();break;case TFilter.Internal.ESTEP.VALUE:stepBackHandlers.handleStepBackInValue()}};if(e.code==="Backspace"){handleBackspacePress()}if(e.code==="Escape"){updateTerms(terms=>termsMachine(terms).removeAllIncompleted().build())}};const ifValueArrayAndNotEmpty=Array.isArray(term===null||term===void 0?void 0:term.value)?term.value.length>0:true;return _jsxs("span",{className:cx(classes.container,term.active?classes.active:""),onClick:handleContainerClick,"data-testid":"filter-term",children:[currentStep>=TFilter.Internal.ESTEP.ATTRIBUTE&&_jsx(Attribute,{termId:term.id,onChange:handleAttributeChange,onDelete:onDeleteHandlers.handleAttributeDelete,currentStep:currentStep,onKeyDown:handleSpecialKeyDown}),currentStep>=TFilter.Internal.ESTEP.OPERATOR&&_jsx(Operator,{termId:term.id,onChange:handleOperatorChange,onDelete:onDeleteHandlers.handleOperatorDelete,currentStep:currentStep,onKeyDown:handleSpecialKeyDown}),currentStep===TFilter.Internal.ESTEP.VALUE&&term.attribute&&term.operator&&(term.completed&&ifValueArrayAndNotEmpty?_jsx("span",{className:classes["badge-container"],"data-testid":"filter-badge-value",children:_jsx(DisplayValue,{onDelete:val=>onDeleteHandlers.handleValueDelete(state.terms,val.toString()),termId:id})}):_jsx("span",{className:classes["badge-container"],children:_jsx(ValueField,{onKeyDown:handleSpecialKeyDown,termId:id,onBlur:handleBlur})})),term.completed&&_jsx("span",{className:classes["delete-container"],"data-testid":"filter-term-delete",children:_jsx(CrossIcon,{"data-testid":"filter-term-delete-icon",onClick:e=>{e.stopPropagation();deleteCurrentTerm()},size:24,color:isDarkScheme?theme.white:theme.colors.gray[7]})})]})};export{Term};
+//# sourceMappingURL=index.js.map

package/lib/esm/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":["React","useMantineColorScheme","useMantineTheme","termMachine","termsMachine","TFilter","useFilter","useFilterTerm","DisplayValue","X","CrossIcon","ValueField","classes","cx","Attribute","Operator","deleteHandlerClosure","stepBackHandlerClosure","getStep","term","attribute","Internal","ESTEP","ATTRIBUTE","operator","OPERATOR","value","VALUE","Term","id","updateCurrentTerm","deleteCurrentTerm","handleBlur","config","state","updateTerms","transformer","onApply","setState","theme","colorScheme","isDarkScheme","currentStep","setCurrentStep","useState","completed","handleAttributeChange","cascadeValue","correspondingConfigItem","find","item","name","setAttribute","setSelectedCascadeValue","setIncomplete","build","handleOperatorChange","correspondingOperator","operators","setOperator","onDeleteHandlers","stepBackHandlers","terms","handleContainerClick","event","stopPropagation","active","newTerms","removeAllIncompleted","setAllInactive","updateSpecificTerm","setActive","termsCollapsed","handleSpecialKeyDown","e","handleBackspacePress","target","handleStepBackInAttribute","handleStepBackInOperator","handleStepBackInValue","code","ifValueArrayAndNotEmpty","Array","isArray","length","span","className","container","onClick","data-testid","termId","onChange","onDelete","handleAttributeDelete","onKeyDown","handleOperatorDelete","val","handleValueDelete","toString","onBlur","size","color","white","colors","gray"],"mappings":"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"}

package/lib/esm/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/esm/components/Filter/TermContainer/Term/stepBackHandlerClosure.js

@@ -0,0 +1,2 @@
+import{termMachine,termsMachine,TFilter}from"../../utils";const ESTEP=TFilter.Internal.ESTEP;export 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=termsMachine(terms).getSpecificTermIndex(term.id);updateTerms(terms=>termsMachine(terms).removeSpecificTerm(term.id).updateSpecificTermByIndex(currentTermIndex-1,t=>termMachine(t).setActive().setIncomplete().build()).build())},handleStepBackInOperator(){updateTerms(terms=>{const newTerms=termsMachine(terms).updateSpecificTerm(term.id,update=>termMachine(update).setAttribute(null).setOperator(null).setValue(null).build());return newTerms.build()});setCurrentStep(ESTEP.ATTRIBUTE)},handleStepBackInValue(){updateTerms(terms=>{const newTerms=termsMachine(terms).updateSpecificTerm(term.id,update=>termMachine(update).setIncomplete().setOperator(null).setValue(null).build());return newTerms.build()});setCurrentStep(ESTEP.OPERATOR)}}};
+//# sourceMappingURL=stepBackHandlerClosure.js.map

package/lib/esm/components/Filter/TermContainer/Term/stepBackHandlerClosure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Filter/TermContainer/Term/stepBackHandlerClosure.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { 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 triggers a step back. E.g. presses backspace when the input field is empty\n// The handlers will call the updateTerms function and therefore mutate the state\nexport const stepBackHandlerClosure = (\n  term: TFilter.Internal.Term.State,\n  terms: TFilter.Internal.Term.State[],\n  updateTerms: TUpdateTerms,\n  setCurrentStep: (step: ESTEP) => void\n) => {\n  return {\n    handleStepBackInAttribute() {\n      // This variable determines whether a backspace press will/can go to the previous terms value or not\n      const isFirstTermsAttributeSection = terms.length === 1 && !terms[0]?.attribute\n      if (isFirstTermsAttributeSection) return\n      const currentTermIndex = termsMachine(terms).getSpecificTermIndex(term.id)\n\n      updateTerms((terms) =>\n        termsMachine(terms)\n          .removeSpecificTerm(term.id)\n          .updateSpecificTermByIndex(currentTermIndex - 1, (t) =>\n            termMachine(t).setActive().setIncomplete().build()\n          )\n          .build()\n      )\n    },\n    handleStepBackInOperator() {\n      updateTerms((terms) => {\n        const newTerms = termsMachine(terms).updateSpecificTerm(term.id, (update) =>\n          // Setting all values to null\n          termMachine(update).setAttribute(null).setOperator(null).setValue(null).build()\n        )\n        return newTerms.build()\n      })\n      setCurrentStep(ESTEP.ATTRIBUTE)\n    },\n    handleStepBackInValue() {\n      updateTerms((terms) => {\n        const newTerms = termsMachine(terms).updateSpecificTerm(term.id, (update) =>\n          termMachine(update).setIncomplete().setOperator(null).setValue(null).build()\n        )\n        return newTerms.build()\n      })\n      setCurrentStep(ESTEP.OPERATOR)\n    },\n  }\n}\n"],"names":["termMachine","termsMachine","TFilter","ESTEP","stepBackHandlerClosure","term","terms","updateTerms","setCurrentStep","handleStepBackInAttribute","isFirstTermsAttributeSection","length","attribute","currentTermIndex","getSpecificTermIndex","id","removeSpecificTerm","updateSpecificTermByIndex","t","setActive","setIncomplete","build","handleStepBackInOperator","newTerms","updateSpecificTerm","update","setAttribute","setOperator","setValue","ATTRIBUTE","handleStepBackInValue","OPERATOR"],"mappings":"AAIA,OAASA,WAAW,CAAEC,YAAY,CAAEC,OAAO,KAAQ,aAAa,CAEhE,MAAOC,MAAQ,QAAQ,QAAQ,CAAC,KAAK,AAKrC,QAAO,MAAMC,uBAAyB,CACpCC,KACAC,MACAC,YACAC,kBAEA,MAAO,CACLC,gCAE8DH,QAA5D,MAAMI,6BAA+BJ,MAAMK,MAAM,GAAK,GAAK,GAACL,QAAAA,KAAK,CAAC,EAAE,UAARA,wBAAAA,QAAUM,SAAS,EAC/E,GAAIF,6BAA8B,OAClC,MAAMG,iBAAmBZ,aAAaK,OAAOQ,oBAAoB,CAACT,KAAKU,EAAE,EAEzER,YAAY,AAACD,OACXL,aAAaK,OACVU,kBAAkB,CAACX,KAAKU,EAAE,EAC1BE,yBAAyB,CAACJ,iBAAmB,EAAG,AAACK,GAChDlB,YAAYkB,GAAGC,SAAS,GAAGC,aAAa,GAAGC,KAAK,IAEjDA,KAAK,GAEZ,EACAC,2BACEf,YAAY,AAACD,QACX,MAAMiB,SAAWtB,aAAaK,OAAOkB,kBAAkB,CAACnB,KAAKU,EAAE,CAAE,AAACU,QAEhEzB,YAAYyB,QAAQC,YAAY,CAAC,MAAMC,WAAW,CAAC,MAAMC,QAAQ,CAAC,MAAMP,KAAK,IAE/E,OAAOE,SAASF,KAAK,EACvB,GACAb,eAAeL,MAAM0B,SAAS,CAChC,EACAC,wBACEvB,YAAY,AAACD,QACX,MAAMiB,SAAWtB,aAAaK,OAAOkB,kBAAkB,CAACnB,KAAKU,EAAE,CAAE,AAACU,QAChEzB,YAAYyB,QAAQL,aAAa,GAAGO,WAAW,CAAC,MAAMC,QAAQ,CAAC,MAAMP,KAAK,IAE5E,OAAOE,SAASF,KAAK,EACvB,GACAb,eAAeL,MAAM4B,QAAQ,CAC/B,CACF,CACF,CAAC"}