@greenbone/ui-lib 1.0.0 → 1.0.1-alpha0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/Drawer/Drawer.module.css +1 -1
- package/lib/cjs/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.js +1 -1
- package/lib/cjs/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.js.map +1 -1
- package/lib/cjs/components/Filter/TermContainer/Term/ValueField/Input.js +1 -1
- package/lib/cjs/components/Filter/TermContainer/Term/ValueField/Input.js.map +1 -1
- package/lib/cjs/components/Filter/utils/FilterBadge.js +1 -1
- package/lib/cjs/components/Filter/utils/FilterBadge.js.map +1 -1
- package/lib/cjs/components/Filter/utils/FilterSelect.js +1 -1
- package/lib/cjs/components/Filter/utils/FilterSelect.js.map +1 -1
- package/lib/cjs/components/Filter/utils/Match.js +1 -1
- package/lib/cjs/components/Filter/utils/Match.js.map +1 -1
- package/lib/cjs/components/Form/Button/Button.module.css +1 -1
- package/lib/cjs/components/Form/DateTimePicker/DatePicker.module.css +1 -1
- package/lib/cjs/components/Form/Select/Cascade/CascadeOption.module.css +1 -1
- package/lib/cjs/components/Form/Select/CreatableSelect.js +1 -1
- package/lib/cjs/components/Form/Select/CreatableSelect.js.map +1 -1
- package/lib/cjs/components/Form/sharedStyles.module.css +1 -1
- package/lib/cjs/components/HoverCard/HoverCard.module.css +1 -1
- package/lib/cjs/components/Layout/AppNavigation/AppNavigationLink.module.css +1 -1
- package/lib/cjs/components/Spinner/Spinner.module.css +1 -1
- package/lib/cjs/components/Table/Layout/TableHead.js +1 -1
- package/lib/cjs/components/Table/Layout/TableHead.js.map +1 -1
- package/lib/cjs/components/Table/components/Paging.module.css +1 -1
- package/lib/cjs/theme/cssVariables.css +1 -1
- package/lib/cjs/theme/theme.js +1 -1
- package/lib/cjs/theme/theme.js.map +1 -1
- package/lib/esm/components/Drawer/Drawer.module.css +1 -1
- package/lib/esm/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.js +1 -1
- package/lib/esm/components/Filter/TermContainer/Term/ValueField/AutocompleteSelect.js.map +1 -1
- package/lib/esm/components/Filter/TermContainer/Term/ValueField/Input.js +1 -1
- package/lib/esm/components/Filter/TermContainer/Term/ValueField/Input.js.map +1 -1
- package/lib/esm/components/Filter/utils/FilterBadge.js +1 -1
- package/lib/esm/components/Filter/utils/FilterBadge.js.map +1 -1
- package/lib/esm/components/Filter/utils/FilterSelect.js +1 -1
- package/lib/esm/components/Filter/utils/FilterSelect.js.map +1 -1
- package/lib/esm/components/Filter/utils/Match.js +1 -1
- package/lib/esm/components/Filter/utils/Match.js.map +1 -1
- package/lib/esm/components/Form/Button/Button.module.css +1 -1
- package/lib/esm/components/Form/DateTimePicker/DatePicker.module.css +1 -1
- package/lib/esm/components/Form/Select/Cascade/CascadeOption.module.css +1 -1
- package/lib/esm/components/Form/Select/CreatableSelect.js +1 -1
- package/lib/esm/components/Form/Select/CreatableSelect.js.map +1 -1
- package/lib/esm/components/Form/sharedStyles.module.css +1 -1
- package/lib/esm/components/HoverCard/HoverCard.module.css +1 -1
- package/lib/esm/components/Layout/AppNavigation/AppNavigationLink.module.css +1 -1
- package/lib/esm/components/Spinner/Spinner.module.css +1 -1
- package/lib/esm/components/Table/Layout/TableHead.js +1 -1
- package/lib/esm/components/Table/Layout/TableHead.js.map +1 -1
- package/lib/esm/components/Table/components/Paging.module.css +1 -1
- package/lib/esm/theme/cssVariables.css +1 -1
- package/lib/esm/theme/theme.js +1 -1
- package/lib/esm/theme/theme.js.map +1 -1
- package/package.json +1 -1
- package/types/src/components/Filter/TermContainer/Term/ValueField/Input.d.ts +1 -0
- package/types/src/components/Filter/TermContainer/Term/ValueField/Input.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.root{position:relative}.inner{top:calc(3rem*var(--mantine-scale))}.body{padding:0 var(--drawer-body-padding) 0 0}.content{background-color:var(--drawer-content-bg-color);box-shadow:none;overflow-y:scroll;padding:0 0 calc(2rem*var(--mantine-scale)) 0;top:var(--header-height);transition-timing-function:linear}.overlay{display:none}.close-button{outline:none}.chevron{background-color:var(--
|
|
1
|
+
.root{position:relative}.inner{top:calc(3rem*var(--mantine-scale))}.body{padding:0 var(--drawer-body-padding) 0 0}.content{background-color:var(--drawer-content-bg-color);box-shadow:none;overflow-y:scroll;padding:0 0 calc(2rem*var(--mantine-scale)) 0;top:var(--header-height);transition-timing-function:linear}.overlay{display:none}.close-button{outline:none}.chevron{background-color:var(--color-ci-primary);border-radius:calc(6.25rem*var(--mantine-scale));box-shadow:var(--chevron-box-shadow);box-sizing:border-box;cursor:pointer;left:calc(-1rem*var(--mantine-scale));padding:calc(.5rem*var(--mantine-scale));position:absolute;top:calc(6.875rem*var(--mantine-scale))}.header{background-color:var(--drawer-header-bg-color);padding-left:0}.title{color:var(--drawer-title-color);font-size:var(--mantine-font-size-xl);font-weight:500;padding-top:calc(2rem*var(--mantine-scale))}.open-drawer{background-color:var(--drawer-bg-color);border-radius:calc(.5rem*var(--mantine-scale)) 0 0 calc(.5rem*var(--mantine-scale));bottom:0;box-shadow:var(--drawer-box-shadow);display:block;height:100%;max-height:100vh;position:fixed;right:0;top:calc(3rem*var(--mantine-scale));transform-origin:left center;transition-duration:.25s;transition-property:transform;transition-timing-function:linear}:root[data-mantine-color-scheme=dark]{--drawer-body-padding:0;--drawer-content-bg-color:var(--mantine-color-gray-9);--chevron-box-shadow:0px 4px 4px hsla(0,0%,100%,.15);--drawer-header-bg-color:var(--mantine-color-gray-9);--drawer-title-color:var(--mantine-color-white);--drawer-bg-color:var(--mantine-color-gray-9);--drawer-box-shadow:calc(-0.125rem*var(--mantine-scale)) 0rem calc(0.375rem*var(--mantine-scale)) hsla(0,0%,100%,.15)}:root:not([data-mantine-color-scheme=dark]){--drawer-body-padding:calc(0.75rem*var(--mantine-scale));--drawer-content-bg-color:var(--mantine-color-gray-0);--chevron-box-shadow:0px 4px 4px rgba(0,0,0,.25);--drawer-header-bg-color:var(--mantine-color-gray-0);--drawer-title-color:var(--mantine-color-black);--drawer-bg-color:var(--mantine-color-gray-0);--drawer-box-shadow:calc(-0.375rem*var(--mantine-scale)) calc(-0.0625rem*var(--mantine-scale)) calc(0.375rem*var(--mantine-scale)) calc(-0.125rem*var(--mantine-scale)) rgba(0,0,0,.15)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AutocompleteSelect",{enumerable:true,get:function(){return AutocompleteSelect}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _useFilter=require("../../../utils/hooks/useFilter");const _FilterSelect=require("../../../utils/FilterSelect");const _core=require("@mantine/core");const _reactselect=/*#__PURE__*/_interop_require_default(require("react-select"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=(0,_react.useState)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";if(!attribute||!operator||!controlType)return null;const options=values===null||values===void 0?void 0:values.map(v=>({label:v,value:v}));return(0,_jsxruntime.jsx)(_FilterSelect.FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_reactselect.default,{onChange:e=>{const val=Array.isArray(e)?e.map(x=>x.value):(e===null||e===void 0?void 0:e.value)||"";handleValueChange(val,true)},menuIsOpen:true,placeholder:null,autoFocus:true,onInputChange:setTypedValue,options:options,onKeyDown:e=>{if(e.key==="Enter"&&typedValue){e.preventDefault();e.stopPropagation();handleValueChange(typedValue,true)}else{onKeyDown(e)}},styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AutocompleteSelect",{enumerable:true,get:function(){return AutocompleteSelect}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _useFilter=require("../../../utils/hooks/useFilter");const _FilterSelect=require("../../../utils/FilterSelect");const _core=require("@mantine/core");const _reactselect=/*#__PURE__*/_interop_require_default(require("react-select"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=(0,_react.useState)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";if(!attribute||!operator||!controlType)return null;const options=values===null||values===void 0?void 0:values.map(v=>({label:v,value:v}));return(0,_jsxruntime.jsx)(_FilterSelect.FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_reactselect.default,{onChange:e=>{const val=Array.isArray(e)?e.map(x=>x.value):(e===null||e===void 0?void 0:e.value)||"";handleValueChange(val,true)},menuIsOpen:true,placeholder:null,autoFocus:true,onInputChange:setTypedValue,options:options,onKeyDown:e=>{if(e.key==="Enter"&&typedValue){e.preventDefault();e.stopPropagation();handleValueChange(typedValue,true)}else{onKeyDown(e)}},styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[7]:theme.colors.green[0]:isDarkScheme?theme.colors.gray[9]:base.backgroundColor,"&:active":{backgroundColor:isDarkScheme?theme.colors.green[7]:theme.colors.green[0]},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}})})};
|
|
2
2
|
//# sourceMappingURL=AutocompleteSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
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[
|
|
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 type { 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[7]\n : theme.colors.green[0]\n : isDarkScheme\n ? theme.colors.gray[9]\n : base.backgroundColor,\n \"&:active\": {\n backgroundColor: isDarkScheme ? theme.colors.green[7] : theme.colors.green[0],\n },\n color: isDarkScheme ? theme.white : base.color,\n } as CSSObjectWithLabel\n },\n multiValue: (base) =>\n ({\n ...base,\n borderRadius: \"2px\",\n backgroundColor: isDarkScheme ? theme.colors.gray[7] : theme.colors.gray[1],\n color: isDarkScheme ? theme.white : theme.colors.gray[9],\n }) as CSSObjectWithLabel,\n multiValueLabel: (base) =>\n ({\n ...base,\n color: isDarkScheme ? theme.white : theme.colors.gray[9],\n }) as CSSObjectWithLabel,\n multiValueRemove: (base) =>\n ({\n ...base,\n color: isDarkScheme ? theme.white : theme.colors.gray[9],\n \"&:hover\": {\n backgroundColor: \"inherit\",\n borderRadius: \"2px\",\n cursor: \"pointer\",\n color: isDarkScheme ? theme.black : theme.white,\n },\n }) as CSSObjectWithLabel,\n input: (base) =>\n (isDarkScheme ? { ...base, color: theme.white } : base) as CSSObjectWithLabel,\n dropdownIndicator: (base) =>\n ({\n ...base,\n paddingTop: 0,\n paddingBottom: 0,\n }) as CSSObjectWithLabel,\n clearIndicator: (base) =>\n ({\n ...base,\n paddingTop: 0,\n paddingBottom: 0,\n }) as CSSObjectWithLabel,\n menu: (base) =>\n ({\n ...base,\n border: `1px solid ${isDarkScheme ? theme.colors.gray[8] : theme.colors.gray[2]}`,\n borderRadius: \"2px\",\n backgroundColor: isDarkScheme ? theme.colors.gray[9] : base.backgroundColor,\n }) as CSSObjectWithLabel,\n menuPortal: (base) =>\n ({\n ...base,\n zIndex: 201,\n }) as CSSObjectWithLabel,\n }}\n hideSelectedOptions={true}\n noOptionsMessage={() => null}\n components={{\n DropdownIndicator: () => null,\n IndicatorSeparator: () => null,\n }}\n />\n </FilterInputWrapper>\n )\n}\n"],"names":["AutocompleteSelect","termId","values","controlType","onKeyDown","handleValueChange","term","useFilterTerm","attribute","operator","typedValue","setTypedValue","useState","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","options","map","v","label","value","FilterInputWrapper","Select","onChange","e","val","Array","isArray","x","menuIsOpen","placeholder","autoFocus","onInputChange","key","preventDefault","stopPropagation","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","wordBreak","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","border","menuPortal","zIndex","hideSelectedOptions","noOptionsMessage","components","DropdownIndicator","IndicatorSeparator"],"mappings":"oGAoBaA,4DAAAA,0FAhBgB,kCAEC,8DACK,mDACoB,kFAEZ,40CAUpC,MAAMA,mBAA2C,CAAC,CACvDC,MAAM,CACNC,MAAM,CACNC,WAAW,CACXC,SAAS,CACV,IACC,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACN,QAClD,GAAI,CAACK,KAAM,OAAO,KAClB,KAAM,CAAEE,SAAS,CAAEC,QAAQ,CAAE,CAAGH,KAChC,KAAM,CAACI,WAAYC,cAAc,CAAGC,GAAAA,eAAQ,IAC5C,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,GAAI,CAACP,WAAa,CAACC,UAAY,CAACN,YAAa,OAAO,KACpD,MAAMe,QAAUhB,eAAAA,uBAAAA,OAAQiB,GAAG,CAAC,AAACC,GAAO,CAAA,CAAEC,MAAOD,EAAGE,MAAOF,CAAE,CAAA,GAEzD,MACE,oBAACG,gCAAkB,WACjB,oBAACC,oBAAM,EACLC,SAAU,AAACC,IACT,MAAMC,IAAMC,MAAMC,OAAO,CAACH,GAAKA,EAAEP,GAAG,CAAC,AAACW,GAAMA,EAAER,KAAK,EAAII,CAAAA,UAAAA,kBAAAA,EAAGJ,KAAK,GAAI,GAEnEjB,kBAAkBsB,IAAK,KACzB,EACAI,WAAY,KACZC,YAAa,KACbC,UAAW,KACXC,cAAevB,cACfO,QAASA,QACTd,UAAW,AAACsB,IACV,GAAIA,EAAES,GAAG,GAAK,SAAWzB,WAAY,CACnCgB,EAAEU,cAAc,GAChBV,EAAEW,eAAe,GACjBhC,kBAAkBK,WAAY,KAChC,KAAO,CACLN,UAAUsB,EACZ,CACF,EACAY,OAAQ,CACNC,QAAS,AAACC,MACP,uCACIA,OACHC,UAAW,GACXC,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGJ,KAAKE,eAAe,CAC3EG,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGN,KAAKE,eAAe,GAE5DK,OAAQ,CAACP,KAAM,CAAEQ,SAAS,CAAE,IAC1B,OAAO,uCACFR,OACHS,UAAW,YACXP,gBAAiBM,UACb/B,aACEJ,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CACrBrC,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CACvBjC,aACEJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CACpBJ,KAAKE,eAAe,CAC1B,WAAY,CACVA,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,CAAGrC,MAAM8B,MAAM,CAACO,KAAK,CAAC,EAAE,AAC/E,EACAL,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGN,KAAKK,KAAK,EAElD,EACAM,WAAY,AAACX,MACV,uCACIA,OACHY,aAAc,MACdV,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAG/B,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAC3EC,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,GAE5DS,gBAAiB,AAACb,MACf,uCACIA,OACHK,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,GAE5DU,iBAAkB,AAACd,MAChB,uCACIA,OACHK,MAAO5B,aAAeJ,MAAMiC,KAAK,CAAGjC,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CACxD,UAAW,CACTF,gBAAiB,UACjBU,aAAc,MACdG,OAAQ,UACRV,MAAO5B,aAAeJ,MAAM2C,KAAK,CAAG3C,MAAMiC,KAAK,AACjD,IAEJW,MAAO,AAACjB,MACLvB,aAAe,uCAAKuB,OAAMK,MAAOhC,MAAMiC,KAAK,GAAKN,KACpDkB,kBAAmB,AAAClB,MACjB,uCACIA,OACHmB,WAAY,EACZC,cAAe,IAEnBC,eAAgB,AAACrB,MACd,uCACIA,OACHmB,WAAY,EACZC,cAAe,IAEnBE,KAAM,AAACtB,MACJ,uCACIA,OACHuB,OAAQ,CAAC,UAAU,EAAE9C,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAG/B,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CACjFQ,aAAc,MACdV,gBAAiBzB,aAAeJ,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE,CAAGJ,KAAKE,eAAe,GAE/EsB,WAAY,AAACxB,MACV,uCACIA,OACHyB,OAAQ,KAEd,EACAC,oBAAqB,KACrBC,iBAAkB,IAAM,KACxBC,WAAY,CACVC,kBAAmB,IAAM,KACzBC,mBAAoB,IAAM,IAC5B,KAIR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get Input(){return Input},get MAX_INPUT_LENGTH(){return MAX_INPUT_LENGTH}});const _jsxruntime=require("react/jsx-runtime");const _FilterSelect=require("../../../utils/FilterSelect");const _useFilter=require("../../../utils/hooks/useFilter");const _react=require("react");const _utils=require("../../../utils");const _useHandleKeyPress=require("./useHandleKeyPress");const MAX_INPUT_LENGTH=1e3;const Input=props=>{const{handleValueChange,term}=(0,_useFilter.useFilterTerm)(props.termId);if(!term)return null;const{attribute,operator,value}=term;const handleKeyPress=(0,_useHandleKeyPress.useHandleKeyPress)(term.id,props.onKeyDown);if(!attribute||!operator||!props.controlType||!handleKeyPress)return null;const[values,setValues]=(0,_react.useState)(value||[]);return(0,_jsxruntime.jsx)(_FilterSelect.FilterSelect,{creatable:true,menuIsOpen:false,value:values,multiple:attribute===null||attribute===void 0?void 0:attribute.multiSelect,onChange:val=>{if(Array.isArray(val)){if(!val.length&&!values.length)return;const cleaned=val.filter(v=>!v.value.match||!v.value.match(/^\s+$/)).map(v=>{const raw=v.value;if(typeof raw==="string")return raw.length>MAX_INPUT_LENGTH?raw.slice(0,MAX_INPUT_LENGTH):raw;return raw}).filter(s=>typeof s==="string");if(!cleaned.length&&!values.length)return;setValues((0,_utils.appendValueToCurrentValueArray)(props.controlType,cleaned))}else{if(!val||val.value.match(/^\s+$/))return;let raw=val.value;if(raw.length>MAX_INPUT_LENGTH)raw=raw.slice(0,MAX_INPUT_LENGTH);const preparedValue=(0,_utils.appendValueToCurrentValueArray)(props.controlType,raw);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)}})};
|
|
2
2
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 MAX_INPUT_LENGTH = 1000\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\n // keep only non-empty, non-whitespace and trim to max MAX_INPUT_LENGTH chars\n const cleaned = val\n .filter((v) => !v.value.match || !v.value.match(/^\\s+$/))\n .map((v) => {\n const raw = v.value\n if (typeof raw === \"string\")\n return raw.length > MAX_INPUT_LENGTH ? raw.slice(0, MAX_INPUT_LENGTH) : raw\n return raw\n })\n .filter((s) => typeof s === \"string\")\n\n if (!cleaned.length && !(values as []).length) return\n\n setValues(appendValueToCurrentValueArray(props.controlType, cleaned))\n } else {\n // check if value is undefined or only contains spaces\n if (!val || (val as { value: string }).value.match(/^\\s+$/)) return\n\n // trim values longer than MAX_INPUT_LENGTH characters\n let raw = (val as { value: string }).value\n if (raw.length > MAX_INPUT_LENGTH) raw = raw.slice(0, MAX_INPUT_LENGTH)\n\n const preparedValue = appendValueToCurrentValueArray(props.controlType, raw)\n\n handleValueChange(preparedValue, true)\n }\n }}\n onKeyDown={(e) => handleKeyPress(e, values)}\n onBlur={(e) => {\n e.stopPropagation()\n handleValueChange(Array.isArray(values) && values?.length > 0 ? values : null)\n }}\n />\n )\n}\n"],"names":["Input","MAX_INPUT_LENGTH","props","handleValueChange","term","useFilterTerm","termId","attribute","operator","value","handleKeyPress","useHandleKeyPress","id","onKeyDown","controlType","values","setValues","useState","FilterSelect","creatable","menuIsOpen","multiple","multiSelect","onChange","val","Array","isArray","length","cleaned","filter","v","match","map","raw","slice","s","appendValueToCurrentValueArray","preparedValue","e","onBlur","stopPropagation"],"mappings":"mPAcaA,eAAAA,WAFAC,0BAAAA,+FARgB,wDAEC,uDACL,8BACsB,mDACb,uBAG3B,MAAMA,iBAAmB,IAEzB,MAAMD,MAAoC,AAACE,QAChD,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGC,GAAAA,wBAAa,EAACH,MAAMI,MAAM,EAE9D,GAAI,CAACF,KAAM,OAAO,KAClB,KAAM,CAAEG,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGL,KACvC,MAAMM,eAAiBC,GAAAA,oCAAiB,EAACP,KAAKQ,EAAE,CAAEV,MAAMW,SAAS,EAEjE,GAAI,CAACN,WAAa,CAACC,UAAY,CAACN,MAAMY,WAAW,EAAI,CAACJ,eAAgB,OAAO,KAG7E,KAAM,CAACK,OAAQC,UAAU,CAAGC,GAAAA,eAAQ,EAAkCR,OAAS,EAAE,EAEjF,MACE,oBAACS,0BAAY,EACXC,UAAW,KACXC,WAAY,MACZX,MAAOM,OACPM,QAAQ,CAAEd,kBAAAA,0BAAAA,UAAWe,WAAW,CAChCC,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtB,GAAI,CAACA,IAAIG,MAAM,EAAI,CAAC,AAACZ,OAAcY,MAAM,CAAE,OAG3C,MAAMC,QAAUJ,IACbK,MAAM,CAAC,AAACC,GAAM,CAACA,EAAErB,KAAK,CAACsB,KAAK,EAAI,CAACD,EAAErB,KAAK,CAACsB,KAAK,CAAC,UAC/CC,GAAG,CAAC,AAACF,IACJ,MAAMG,IAAMH,EAAErB,KAAK,CACnB,GAAI,OAAOwB,MAAQ,SACjB,OAAOA,IAAIN,MAAM,CAAG1B,iBAAmBgC,IAAIC,KAAK,CAAC,EAAGjC,kBAAoBgC,IAC1E,OAAOA,GACT,GACCJ,MAAM,CAAC,AAACM,GAAM,OAAOA,IAAM,UAE9B,GAAI,CAACP,QAAQD,MAAM,EAAI,CAAC,AAACZ,OAAcY,MAAM,CAAE,OAE/CX,UAAUoB,GAAAA,qCAA8B,EAAClC,MAAMY,WAAW,CAAEc,SAC9D,KAAO,CAEL,GAAI,CAACJ,KAAO,AAACA,IAA0Bf,KAAK,CAACsB,KAAK,CAAC,SAAU,OAG7D,IAAIE,IAAM,AAACT,IAA0Bf,KAAK,CAC1C,GAAIwB,IAAIN,MAAM,CAAG1B,iBAAkBgC,IAAMA,IAAIC,KAAK,CAAC,EAAGjC,kBAEtD,MAAMoC,cAAgBD,GAAAA,qCAA8B,EAAClC,MAAMY,WAAW,CAAEmB,KAExE9B,kBAAkBkC,cAAe,KACnC,CACF,EACAxB,UAAW,AAACyB,GAAM5B,eAAe4B,EAAGvB,QACpCwB,OAAQ,AAACD,IACPA,EAAEE,eAAe,GACjBrC,kBAAkBsB,MAAMC,OAAO,CAACX,SAAWA,CAAAA,eAAAA,uBAAAA,OAAQY,MAAM,EAAG,EAAIZ,OAAS,KAC3E,GAGN"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FilterBadge",{enumerable:true,get:function(){return FilterBadge}});const _jsxruntime=require("react/jsx-runtime");const _FilterBadgemodulecss=/*#__PURE__*/_interop_require_default(require("./FilterBadge.module.css"));const _cx=require("../../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const FilterBadge=({onClick,className,color,border,borderRadius,bgColor,children})=>{return(0,_jsxruntime.jsx)("span",{"data-testid":"filter-term-badge",className:(0,_cx.cx)(_FilterBadgemodulecss.default.container,className),style:{borderRadius:borderRadius||"100px",border:border||"none",backgroundColor:bgColor||"var(--
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FilterBadge",{enumerable:true,get:function(){return FilterBadge}});const _jsxruntime=require("react/jsx-runtime");const _FilterBadgemodulecss=/*#__PURE__*/_interop_require_default(require("./FilterBadge.module.css"));const _cx=require("../../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const FilterBadge=({onClick,className,color,border,borderRadius,bgColor,children})=>{return(0,_jsxruntime.jsx)("span",{"data-testid":"filter-term-badge",className:(0,_cx.cx)(_FilterBadgemodulecss.default.container,className),style:{borderRadius:borderRadius||"100px",border:border||"none",backgroundColor:bgColor||"var(--color-ci-primary)",color:color||"var(--mantine-color-black)"},onClick:onClick,children:children})};
|
|
2
2
|
//# sourceMappingURL=FilterBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Filter/utils/FilterBadge.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { CSSProperties, MouseEventHandler, PropsWithChildren } from \"react\"\nimport classes from \"./FilterBadge.module.css\"\nimport { cx } from \"../../../helper/cx\"\ntype TBadgeProps = {\n color?: CSSProperties[\"color\"]\n bgColor?: string\n className?: string\n border?: string\n borderRadius?: string\n onClick?: MouseEventHandler\n}\n\nconst FilterBadge: React.FC<PropsWithChildren<TBadgeProps>> = ({\n onClick,\n className,\n color,\n border,\n borderRadius,\n bgColor,\n children,\n}) => {\n return (\n <span\n data-testid={\"filter-term-badge\"}\n className={cx(classes.container, className)}\n style={{\n borderRadius: borderRadius || \"100px\",\n border: border || \"none\",\n backgroundColor: bgColor || \"var(--
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Filter/utils/FilterBadge.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { CSSProperties, MouseEventHandler, PropsWithChildren } from \"react\"\nimport classes from \"./FilterBadge.module.css\"\nimport { cx } from \"../../../helper/cx\"\ntype TBadgeProps = {\n color?: CSSProperties[\"color\"]\n bgColor?: string\n className?: string\n border?: string\n borderRadius?: string\n onClick?: MouseEventHandler\n}\n\nconst FilterBadge: React.FC<PropsWithChildren<TBadgeProps>> = ({\n onClick,\n className,\n color,\n border,\n borderRadius,\n bgColor,\n children,\n}) => {\n return (\n <span\n data-testid={\"filter-term-badge\"}\n className={cx(classes.container, className)}\n style={{\n borderRadius: borderRadius || \"100px\",\n border: border || \"none\",\n backgroundColor: bgColor || \"var(--color-ci-primary)\",\n color: color || \"var(--mantine-color-black)\",\n }}\n onClick={onClick}\n >\n {children}\n </span>\n )\n}\n\nexport { FilterBadge }\n"],"names":["FilterBadge","onClick","className","color","border","borderRadius","bgColor","children","span","data-testid","cx","classes","container","style","backgroundColor"],"mappings":"oGA0CSA,qDAAAA,wIArCW,+CACD,0GAUnB,MAAMA,YAAwD,CAAC,CAC7DC,OAAO,CACPC,SAAS,CACTC,KAAK,CACLC,MAAM,CACNC,YAAY,CACZC,OAAO,CACPC,QAAQ,CACT,IACC,MACE,oBAACC,QACCC,cAAa,oBACbP,UAAWQ,GAAAA,MAAE,EAACC,6BAAO,CAACC,SAAS,CAAEV,WACjCW,MAAO,CACLR,aAAcA,cAAgB,QAC9BD,OAAQA,QAAU,OAClBU,gBAAiBR,SAAW,0BAC5BH,MAAOA,OAAS,4BAClB,EACAF,QAASA,iBAERM,UAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FilterInputWrapper(){return FilterInputWrapper},get FilterSelect(){return FilterSelect}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _reactselect=require("react-select");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _Select=require("./Select");const _useFilter=require("./hooks/useFilter");const _reacti18next=require("react-i18next");const _TextWithTooltip=require("../../TextWithTooltip");const _FilterSelectmodulecss=/*#__PURE__*/_interop_require_default(require("./FilterSelect.module.css"));const _theme=require("../../../theme");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const FilterInputWrapper=({children})=>{return(0,_jsxruntime.jsx)("div",{className:_FilterSelectmodulecss.default.container,"data-testid":"filter-select-container",onClick:e=>{e.stopPropagation()},children:children})};const MultiValueLabelWithTranslation=props=>{const{t}=(0,_reacti18next.useTranslation)();const toRender=typeof props.children==="string"?(0,_jsxruntime.jsx)(_TextWithTooltip.TextWithTooltip,{typoType:"body",text:t(props.children)}):props.children;return(0,_jsxruntime.jsx)(_reactselect.components.MultiValueLabel,_object_spread_props(_object_spread({},props),{children:toRender}))};const FilterSelect=_param=>{var{creatable,onBlur,onChange,onKeyDown,multiple,withTranslation,value,options}=_param,props=_object_without_properties(_param,["creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options"]);const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{portalTargetRef}=(0,_useFilter.useFilter)();return(0,_jsxruntime.jsx)(FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_Select.Select,_object_spread_props(_object_spread({multiple:multiple,menuPortalTarget:portalTargetRef===null||portalTargetRef===void 0?void 0:portalTargetRef.current,onChange:(newValue,actionMeta)=>{if(Array.isArray(newValue)){onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta)}const value=newValue;onChange===null||onChange===void 0?void 0:onChange(value,actionMeta)}},props),{onKeyDown:onKeyDown,onBlur:onBlur,menuIsOpen:true,value:Array.isArray(value)?value.map(x=>({value:x,label:x})):value,closeMenuOnSelect:!multiple,autoFocus:true,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),{backgroundColor:isFocused?isDarkScheme?theme.colors.green[
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FilterInputWrapper(){return FilterInputWrapper},get FilterSelect(){return FilterSelect}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _reactselect=require("react-select");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _Select=require("./Select");const _useFilter=require("./hooks/useFilter");const _reacti18next=require("react-i18next");const _TextWithTooltip=require("../../TextWithTooltip");const _FilterSelectmodulecss=/*#__PURE__*/_interop_require_default(require("./FilterSelect.module.css"));const _theme=require("../../../theme");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const FilterInputWrapper=({children})=>{return(0,_jsxruntime.jsx)("div",{className:_FilterSelectmodulecss.default.container,"data-testid":"filter-select-container",onClick:e=>{e.stopPropagation()},children:children})};const MultiValueLabelWithTranslation=props=>{const{t}=(0,_reacti18next.useTranslation)();const toRender=typeof props.children==="string"?(0,_jsxruntime.jsx)(_TextWithTooltip.TextWithTooltip,{typoType:"body",text:t(props.children)}):props.children;return(0,_jsxruntime.jsx)(_reactselect.components.MultiValueLabel,_object_spread_props(_object_spread({},props),{children:toRender}))};const FilterSelect=_param=>{var{creatable,onBlur,onChange,onKeyDown,multiple,withTranslation,value,options}=_param,props=_object_without_properties(_param,["creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options"]);const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{portalTargetRef}=(0,_useFilter.useFilter)();return(0,_jsxruntime.jsx)(FilterInputWrapper,{children:(0,_jsxruntime.jsx)(_Select.Select,_object_spread_props(_object_spread({multiple:multiple,menuPortalTarget:portalTargetRef===null||portalTargetRef===void 0?void 0:portalTargetRef.current,onChange:(newValue,actionMeta)=>{if(Array.isArray(newValue)){onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta)}const value=newValue;onChange===null||onChange===void 0?void 0:onChange(value,actionMeta)}},props),{onKeyDown:onKeyDown,onBlur:onBlur,menuIsOpen:true,value:Array.isArray(value)?value.map(x=>({value:x,label:x})):value,closeMenuOnSelect:!multiple,autoFocus:true,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),{backgroundColor:isFocused?isDarkScheme?theme.colors.green[7]:theme.colors.green[0]:isDarkScheme?theme.colors.gray[9]:base.backgroundColor,"&:active":{backgroundColor:isDarkScheme?theme.colors.green[7]:theme.colors.green[0]},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),{overflow:"visible",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:_theme.Z_INDEX_LAYER.GROUND.HIGHEST})},options:options,creatable:creatable,hideSelectedOptions:true,noOptionsMessage:()=>null,isClearable:true,components:{DropdownIndicator:()=>null,IndicatorSeparator:()=>null,MultiValueLabel:withTranslation?MultiValueLabelWithTranslation:_reactselect.components.MultiValueLabel}}))})};
|
|
2
2
|
//# sourceMappingURL=FilterSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Filter/utils/FilterSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport {\n ActionMeta,\n components,\n CSSObjectWithLabel,\n GroupBase,\n MultiValueGenericProps,\n} from \"react-select\"\nimport React, { FC, FocusEventHandler, KeyboardEventHandler, PropsWithChildren } from \"react\"\nimport { Select } from \"./Select\"\nimport { StateManagerProps } from \"react-select/dist/declarations/src/useStateManager\"\nimport { TFilter, TSelectOnChangeReturn, TSelectOnChangeReturnArray } from \"./types\"\nimport { useFilter } from \"./hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { TextWithTooltip } from \"../../TextWithTooltip\"\nimport classes from \"./FilterSelect.module.css\"\nimport { Z_INDEX_LAYER } from \"../../../theme\"\n\ntype TFilterSelectProps = StateManagerProps & {\n creatable?: boolean\n onChange?: (\n newValue: TSelectOnChangeReturn | TSelectOnChangeReturnArray,\n actionMeta: ActionMeta<unknown>\n ) => void\n onBlur?: FocusEventHandler\n onKeyDown?: KeyboardEventHandler\n multiple?: boolean\n completed?: boolean\n options?: StateManagerProps[\"options\"]\n type?: TFilter.ConfigItem[\"control\"][\"type\"]\n value?: TFilter.Internal.Term.TermValue\n withTranslation?: boolean\n}\n\nexport const FilterInputWrapper: FC<PropsWithChildren> = ({ children }) => {\n return (\n <div\n className={classes.container}\n data-testid={\"filter-select-container\"}\n onClick={(e) => {\n e.stopPropagation()\n }}\n >\n {children}\n </div>\n )\n}\n\nconst MultiValueLabelWithTranslation = (\n props: MultiValueGenericProps<unknown, boolean, GroupBase<unknown>>\n) => {\n const { t } = useTranslation()\n const toRender =\n typeof props.children === \"string\" ? (\n <TextWithTooltip typoType={\"body\"} text={t(props.children)} />\n ) : (\n props.children\n )\n\n return <components.MultiValueLabel {...props}>{toRender}</components.MultiValueLabel>\n}\n\n/**\n * A @ReactSelect Select component wrapper for the filter.\n * @param creatable Whether you can add new values or not (*Autocomplete*)\n * @param onBlur Callback that is called when the select is blurred\n * @param onChange Callback that is called when the Select value changes\n * @param onKeyDown Callback that is called when a keyDown event occurs\n * @param multiple Whether you can add multiple values or not (*multiselect*)\n * @param withTranslation (DEPRECATED) Please wrap your filter options with **useTranslateFilterOptions(options) hook**\n * @param value An initial TermValue\n * @param options DropDown options\n * @param props Props for the ReactSelect element\n */\nconst FilterSelect: React.FC<React.PropsWithChildren<TFilterSelectProps>> = ({\n creatable,\n onBlur,\n onChange,\n onKeyDown,\n multiple,\n withTranslation,\n value,\n options,\n ...props\n}) => {\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n const { portalTargetRef } = useFilter()\n return (\n <FilterInputWrapper>\n <Select\n multiple={multiple}\n menuPortalTarget={portalTargetRef?.current}\n onChange={(newValue, actionMeta) => {\n if (Array.isArray(newValue)) {\n onChange?.(newValue as TSelectOnChangeReturnArray, actionMeta)\n }\n const value = newValue as TSelectOnChangeReturn\n onChange?.(value, actionMeta)\n }}\n {...props}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n menuIsOpen={true}\n value={Array.isArray(value) ? value.map((x) => ({ value: x, label: x })) : value}\n closeMenuOnSelect={!multiple}\n autoFocus={true}\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 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 overflow: \"visible\",\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 ...base,\n zIndex: Z_INDEX_LAYER.GROUND.HIGHEST,\n }),\n }}\n options={options}\n creatable={creatable}\n hideSelectedOptions={true}\n noOptionsMessage={() => null}\n isClearable={true}\n components={{\n DropdownIndicator: () => null,\n IndicatorSeparator: () => null,\n MultiValueLabel: withTranslation\n ? MultiValueLabelWithTranslation\n : components.MultiValueLabel,\n }}\n />\n </FilterInputWrapper>\n )\n}\n\nexport { FilterSelect }\n"],"names":["FilterInputWrapper","FilterSelect","children","div","className","classes","container","data-testid","onClick","e","stopPropagation","MultiValueLabelWithTranslation","props","t","useTranslation","toRender","TextWithTooltip","typoType","text","components","MultiValueLabel","creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","portalTargetRef","useFilter","Select","menuPortalTarget","current","newValue","actionMeta","Array","isArray","menuIsOpen","map","x","label","closeMenuOnSelect","autoFocus","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","overflow","border","menuPortal","zIndex","Z_INDEX_LAYER","GROUND","HIGHEST","hideSelectedOptions","noOptionsMessage","isClearable","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Filter/utils/FilterSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport {\n ActionMeta,\n components,\n CSSObjectWithLabel,\n GroupBase,\n MultiValueGenericProps,\n} from \"react-select\"\nimport React, { FC, FocusEventHandler, KeyboardEventHandler, PropsWithChildren } from \"react\"\nimport { Select } from \"./Select\"\nimport { StateManagerProps } from \"react-select/dist/declarations/src/useStateManager\"\nimport { TFilter, TSelectOnChangeReturn, TSelectOnChangeReturnArray } from \"./types\"\nimport { useFilter } from \"./hooks/useFilter\"\nimport { useTranslation } from \"react-i18next\"\nimport { TextWithTooltip } from \"../../TextWithTooltip\"\nimport classes from \"./FilterSelect.module.css\"\nimport { Z_INDEX_LAYER } from \"../../../theme\"\n\ntype TFilterSelectProps = StateManagerProps & {\n creatable?: boolean\n onChange?: (\n newValue: TSelectOnChangeReturn | TSelectOnChangeReturnArray,\n actionMeta: ActionMeta<unknown>\n ) => void\n onBlur?: FocusEventHandler\n onKeyDown?: KeyboardEventHandler\n multiple?: boolean\n completed?: boolean\n options?: StateManagerProps[\"options\"]\n type?: TFilter.ConfigItem[\"control\"][\"type\"]\n value?: TFilter.Internal.Term.TermValue\n withTranslation?: boolean\n}\n\nexport const FilterInputWrapper: FC<PropsWithChildren> = ({ children }) => {\n return (\n <div\n className={classes.container}\n data-testid={\"filter-select-container\"}\n onClick={(e) => {\n e.stopPropagation()\n }}\n >\n {children}\n </div>\n )\n}\n\nconst MultiValueLabelWithTranslation = (\n props: MultiValueGenericProps<unknown, boolean, GroupBase<unknown>>\n) => {\n const { t } = useTranslation()\n const toRender =\n typeof props.children === \"string\" ? (\n <TextWithTooltip typoType={\"body\"} text={t(props.children)} />\n ) : (\n props.children\n )\n\n return <components.MultiValueLabel {...props}>{toRender}</components.MultiValueLabel>\n}\n\n/**\n * A @ReactSelect Select component wrapper for the filter.\n * @param creatable Whether you can add new values or not (*Autocomplete*)\n * @param onBlur Callback that is called when the select is blurred\n * @param onChange Callback that is called when the Select value changes\n * @param onKeyDown Callback that is called when a keyDown event occurs\n * @param multiple Whether you can add multiple values or not (*multiselect*)\n * @param withTranslation (DEPRECATED) Please wrap your filter options with **useTranslateFilterOptions(options) hook**\n * @param value An initial TermValue\n * @param options DropDown options\n * @param props Props for the ReactSelect element\n */\nconst FilterSelect: React.FC<React.PropsWithChildren<TFilterSelectProps>> = ({\n creatable,\n onBlur,\n onChange,\n onKeyDown,\n multiple,\n withTranslation,\n value,\n options,\n ...props\n}) => {\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n const { portalTargetRef } = useFilter()\n return (\n <FilterInputWrapper>\n <Select\n multiple={multiple}\n menuPortalTarget={portalTargetRef?.current}\n onChange={(newValue, actionMeta) => {\n if (Array.isArray(newValue)) {\n onChange?.(newValue as TSelectOnChangeReturnArray, actionMeta)\n }\n const value = newValue as TSelectOnChangeReturn\n onChange?.(value, actionMeta)\n }}\n {...props}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n menuIsOpen={true}\n value={Array.isArray(value) ? value.map((x) => ({ value: x, label: x })) : value}\n closeMenuOnSelect={!multiple}\n autoFocus={true}\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 backgroundColor: isFocused\n ? isDarkScheme\n ? theme.colors.green[7]\n : theme.colors.green[0]\n : isDarkScheme\n ? theme.colors.gray[9]\n : base.backgroundColor,\n \"&:active\": {\n backgroundColor: isDarkScheme ? theme.colors.green[7] : theme.colors.green[0],\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 overflow: \"visible\",\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 ...base,\n zIndex: Z_INDEX_LAYER.GROUND.HIGHEST,\n }),\n }}\n options={options}\n creatable={creatable}\n hideSelectedOptions={true}\n noOptionsMessage={() => null}\n isClearable={true}\n components={{\n DropdownIndicator: () => null,\n IndicatorSeparator: () => null,\n MultiValueLabel: withTranslation\n ? MultiValueLabelWithTranslation\n : components.MultiValueLabel,\n }}\n />\n </FilterInputWrapper>\n )\n}\n\nexport { FilterSelect }\n"],"names":["FilterInputWrapper","FilterSelect","children","div","className","classes","container","data-testid","onClick","e","stopPropagation","MultiValueLabelWithTranslation","props","t","useTranslation","toRender","TextWithTooltip","typoType","text","components","MultiValueLabel","creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","portalTargetRef","useFilter","Select","menuPortalTarget","current","newValue","actionMeta","Array","isArray","menuIsOpen","map","x","label","closeMenuOnSelect","autoFocus","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","overflow","border","menuPortal","zIndex","Z_INDEX_LAYER","GROUND","HIGHEST","hideSelectedOptions","noOptionsMessage","isClearable","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Match",{enumerable:true,get:function(){return Match}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _useFilter=require("./hooks/useFilter");const _FilterBadge=require("./FilterBadge");const _libs=require("./libs");const _reacti18next=require("react-i18next");const _Matchmodulecss=/*#__PURE__*/_interop_require_default(require("./Match.module.css"));const _Typo=require("../../Typo");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Match=({readonly}={readonly:false})=>{const{state,updateMatch}=(0,_useFilter.useFilter)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{t}=(0,_reacti18next.useTranslation)();const handleClick=e=>{e.stopPropagation();updateMatch(state.match==="ANY"?"ALL":"ANY")};return(0,_jsxruntime.jsxs)("div",{className:_Matchmodulecss.default.actions,onClick:handleClick,"data-testid":"filter-match-container",children:[(0,_jsxruntime.jsx)(_Typo.Typo,{className:_Matchmodulecss.default.match,type:"body",children:t("Match")}),(0,_jsxruntime.jsx)(_FilterBadge.FilterBadge,{className:_Matchmodulecss.default["match-badge"],bgColor:isDarkScheme?theme.colors.green[
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Match",{enumerable:true,get:function(){return Match}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _useFilter=require("./hooks/useFilter");const _FilterBadge=require("./FilterBadge");const _libs=require("./libs");const _reacti18next=require("react-i18next");const _Matchmodulecss=/*#__PURE__*/_interop_require_default(require("./Match.module.css"));const _Typo=require("../../Typo");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Match=({readonly}={readonly:false})=>{const{state,updateMatch}=(0,_useFilter.useFilter)();const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{t}=(0,_reacti18next.useTranslation)();const handleClick=e=>{e.stopPropagation();updateMatch(state.match==="ANY"?"ALL":"ANY")};return(0,_jsxruntime.jsxs)("div",{className:_Matchmodulecss.default.actions,onClick:handleClick,"data-testid":"filter-match-container",children:[(0,_jsxruntime.jsx)(_Typo.Typo,{className:_Matchmodulecss.default.match,type:"body",children:t("Match")}),(0,_jsxruntime.jsx)(_FilterBadge.FilterBadge,{className:_Matchmodulecss.default["match-badge"],bgColor:isDarkScheme?theme.colors.green[6]:theme.colors.green[1],color:readonly?"var(--filter-readonly-color)":"black",borderRadius:"2px",children:t((0,_libs.capitalize)(state.match.toLocaleLowerCase()))})]})};
|
|
2
2
|
//# sourceMappingURL=Match.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Filter/utils/Match.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter } from \"./hooks/useFilter\"\nimport { FilterBadge } from \"./FilterBadge\"\nimport { MouseEventHandler } from \"react\"\nimport { capitalize } from \"./libs\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Match.module.css\"\nimport { Typo } from \"../../Typo\"\n\n/**\n * Toggle button to toggle whether the logic between terms should be AND | OR (ALL | ANY)\n * @param readonly Specifies if the match is in readonly state\n */\nexport const Match = ({ readonly }: { readonly?: boolean } = { readonly: false }) => {\n const { state, updateMatch } = useFilter()\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n const { t } = useTranslation()\n\n const handleClick: MouseEventHandler<HTMLDivElement> = (e) => {\n e.stopPropagation()\n updateMatch(state.match === \"ANY\" ? \"ALL\" : \"ANY\")\n }\n\n return (\n <div className={classes.actions} onClick={handleClick} data-testid={\"filter-match-container\"}>\n <Typo className={classes.match} type={\"body\"}>\n {t(\"Match\")}\n </Typo>\n\n <FilterBadge\n className={classes[\"match-badge\"]}\n bgColor={isDarkScheme ? theme.colors.green[
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Filter/utils/Match.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { useFilter } from \"./hooks/useFilter\"\nimport { FilterBadge } from \"./FilterBadge\"\nimport { MouseEventHandler } from \"react\"\nimport { capitalize } from \"./libs\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Match.module.css\"\nimport { Typo } from \"../../Typo\"\n\n/**\n * Toggle button to toggle whether the logic between terms should be AND | OR (ALL | ANY)\n * @param readonly Specifies if the match is in readonly state\n */\nexport const Match = ({ readonly }: { readonly?: boolean } = { readonly: false }) => {\n const { state, updateMatch } = useFilter()\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n const { t } = useTranslation()\n\n const handleClick: MouseEventHandler<HTMLDivElement> = (e) => {\n e.stopPropagation()\n updateMatch(state.match === \"ANY\" ? \"ALL\" : \"ANY\")\n }\n\n return (\n <div className={classes.actions} onClick={handleClick} data-testid={\"filter-match-container\"}>\n <Typo className={classes.match} type={\"body\"}>\n {t(\"Match\")}\n </Typo>\n\n <FilterBadge\n className={classes[\"match-badge\"]}\n bgColor={isDarkScheme ? theme.colors.green[6] : theme.colors.green[1]}\n color={readonly ? \"var(--filter-readonly-color)\" : \"black\"}\n borderRadius=\"2px\"\n >\n {t(capitalize(state.match.toLocaleLowerCase()))}\n </FilterBadge>\n </div>\n )\n}\n"],"names":["Match","readonly","state","updateMatch","useFilter","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","t","useTranslation","handleClick","e","stopPropagation","match","div","className","classes","actions","onClick","data-testid","Typo","type","FilterBadge","bgColor","colors","green","color","borderRadius","capitalize","toLocaleLowerCase"],"mappings":"oGAiBaA,+CAAAA,4EAb0C,0CAC7B,gDACE,qCAED,sCACI,qFACX,2CACC,kGAMd,MAAMA,MAAQ,CAAC,CAAEC,QAAQ,CAA0B,CAAG,CAAEA,SAAU,KAAM,CAAC,IAC9E,KAAM,CAAEC,KAAK,CAAEC,WAAW,CAAE,CAAGC,GAAAA,oBAAS,IACxC,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,KAAM,CAAEC,WAAW,CAAE,CAAGC,GAAAA,2BAAqB,IAC7C,MAAMC,aAAeF,cAAgB,OACrC,KAAM,CAAEG,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,MAAMC,YAAiD,AAACC,IACtDA,EAAEC,eAAe,GACjBX,YAAYD,MAAMa,KAAK,GAAK,MAAQ,MAAQ,MAC9C,EAEA,MACE,qBAACC,OAAIC,UAAWC,uBAAO,CAACC,OAAO,CAAEC,QAASR,YAAaS,cAAa,mCAClE,oBAACC,UAAI,EAACL,UAAWC,uBAAO,CAACH,KAAK,CAAEQ,KAAM,gBACnCb,EAAE,WAGL,oBAACc,wBAAW,EACVP,UAAWC,uBAAO,CAAC,cAAc,CACjCO,QAAShB,aAAeJ,MAAMqB,MAAM,CAACC,KAAK,CAAC,EAAE,CAAGtB,MAAMqB,MAAM,CAACC,KAAK,CAAC,EAAE,CACrEC,MAAO3B,SAAW,+BAAiC,QACnD4B,aAAa,eAEZnB,EAAEoB,GAAAA,gBAAU,EAAC5B,MAAMa,KAAK,CAACgB,iBAAiB,SAInD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root{font-family:Roboto;font-size:var(--mantine-font-size-lg);font-weight:500;padding:0 1rem}.root[data-size=sm]{height:1.75rem}.root[data-size=md]{height:2rem}.root[data-size=lg]{height:2.5rem}.root[data-variant=filled]{background-color:var(--button-color-background-filled-normal);color:var(--button-color-text-filled-normal)}.root[data-variant=filled]:hover{background-color:var(--button-color-background-filled-hover)}.root[data-variant=filled]:active{background-color:var(--button-color-background-filled-active)}.root[data-variant=filled]:disabled,.root[data-variant=filled][data-disabled]{background-color:var(--button-color-background-filled-disabled)}.root[data-variant=danger]{background-color:var(--button-color-background-danger-normal);color:var(--button-color-text-danger-normal)}.root[data-variant=danger]:hover{background-color:var(--button-color-background-danger-hover)}.root[data-variant=danger]:active{background-color:var(--button-color-background-danger-active)}.root[data-variant=danger]:disabled,.root[data-variant=danger][data-disabled]{background-color:var(--button-color-background-danger-disabled)}.root[data-variant=default]{background-color:var(--button-color-background-default-normal);border:1px solid var(--button-color-border-default-normal);color:var(--button-color-text-default-normal)}.root[data-variant=default]:hover{background-color:var(--button-color-background-default-hover);color:var(--button-color-text-default-hover)}.root[data-variant=default]:active{background-color:var(--button-color-background-default-active);color:var(--button-color-text-default-active)}.root[data-variant=default]:disabled,.root[data-variant=default][data-disabled]{background-color:var(--button-color-background-default-disabled);border:1px solid var(--button-color-border-default-disabled);color:var(--button-color-text-default-disabled)}.root[data-variant=outline]{background-color:var(--button-color-background-outline-normal);border:1px solid var(--button-color-border-outline-normal);color:var(--button-color-text-outline-normal)}.root[data-variant=outline]:hover{background-color:var(--button-color-background-outline-hover);color:var(--button-color-text-outline-hover)}.root[data-variant=outline]:active{background-color:var(--button-color-background-outline-active);color:var(--button-color-text-outline-active)}.root[data-variant=outline]:disabled,.root[data-variant=outline][data-disabled]{background-color:var(--button-color-background-outline-disabled);border:1px solid var(--button-color-border-outline-disabled);color:var(--button-color-text-outline-disabled)}:root[data-mantine-color-scheme=dark]{--button-color-text-filled-normal:var(--mantine-color-black);--button-color-background-filled-normal:var(--
|
|
1
|
+
.root{font-family:Roboto;font-size:var(--mantine-font-size-lg);font-weight:500;padding:0 1rem}.root[data-size=sm]{height:1.75rem}.root[data-size=md]{height:2rem}.root[data-size=lg]{height:2.5rem}.root[data-variant=filled]{background-color:var(--button-color-background-filled-normal);color:var(--button-color-text-filled-normal)}.root[data-variant=filled]:hover{background-color:var(--button-color-background-filled-hover)}.root[data-variant=filled]:active{background-color:var(--button-color-background-filled-active)}.root[data-variant=filled]:disabled,.root[data-variant=filled][data-disabled]{background-color:var(--button-color-background-filled-disabled)}.root[data-variant=danger]{background-color:var(--button-color-background-danger-normal);color:var(--button-color-text-danger-normal)}.root[data-variant=danger]:hover{background-color:var(--button-color-background-danger-hover)}.root[data-variant=danger]:active{background-color:var(--button-color-background-danger-active)}.root[data-variant=danger]:disabled,.root[data-variant=danger][data-disabled]{background-color:var(--button-color-background-danger-disabled)}.root[data-variant=default]{background-color:var(--button-color-background-default-normal);border:1px solid var(--button-color-border-default-normal);color:var(--button-color-text-default-normal)}.root[data-variant=default]:hover{background-color:var(--button-color-background-default-hover);color:var(--button-color-text-default-hover)}.root[data-variant=default]:active{background-color:var(--button-color-background-default-active);color:var(--button-color-text-default-active)}.root[data-variant=default]:disabled,.root[data-variant=default][data-disabled]{background-color:var(--button-color-background-default-disabled);border:1px solid var(--button-color-border-default-disabled);color:var(--button-color-text-default-disabled)}.root[data-variant=outline]{background-color:var(--button-color-background-outline-normal);border:1px solid var(--button-color-border-outline-normal);color:var(--button-color-text-outline-normal)}.root[data-variant=outline]:hover{background-color:var(--button-color-background-outline-hover);color:var(--button-color-text-outline-hover)}.root[data-variant=outline]:active{background-color:var(--button-color-background-outline-active);color:var(--button-color-text-outline-active)}.root[data-variant=outline]:disabled,.root[data-variant=outline][data-disabled]{background-color:var(--button-color-background-outline-disabled);border:1px solid var(--button-color-border-outline-disabled);color:var(--button-color-text-outline-disabled)}:root[data-mantine-color-scheme=dark]{--button-color-text-filled-normal:var(--mantine-color-black);--button-color-background-filled-normal:var(--color-ci-primary);--button-color-background-filled-hover:var(--mantine-color-green-4);--button-color-background-filled-active:var(--mantine-color-green-3);--button-color-background-filled-disabled:var(--mantine-color-green-7);--button-color-text-danger-normal:var(--mantine-color-black);--button-color-background-danger-normal:var(--mantine-color-red-5);--button-color-background-danger-hover:var(--mantine-color-red-4);--button-color-background-danger-active:var(--mantine-color-red-3);--button-color-background-danger-disabled:var(--mantine-color-red-8);--button-color-text-outline-normal:var(--color-ci-primary);--button-color-text-outline-hover:var(--mantine-color-green-4);--button-color-text-outline-active:var(--mantine-color-green-4);--button-color-text-outline-disabled:var(--mantine-color-green-8);--button-color-border-outline-normal:var(--color-ci-primary);--button-color-border-outline-disabled:var(--mantine-color-green-8);--button-color-background-outline-normal:transparent;--button-color-background-outline-hover:var(--mantine-color-green-9);--button-color-background-outline-active:var(--mantine-color-green-8);--button-color-background-outline-disabled:transparent;--button-color-text-default-normal:var(--mantine-color-gray-1);--button-color-text-default-hover:var(--mantine-color-gray-0);--button-color-text-default-active:var(--mantine-color-white);--button-color-text-default-disabled:var(--mantine-color-gray-8);--button-color-border-default-normal:var(--mantine-color-gray-8);--button-color-border-default-disabled:var(--mantine-color-gray-7);--button-color-background-default-normal:var(--mantine-color-black);--button-color-background-default-hover:var(--mantine-color-gray-9);--button-color-background-default-active:var(--mantine-color-gray-9);--button-color-background-default-disabled:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--button-color-text-filled-normal:var(--mantine-color-white);--button-color-background-filled-normal:var(--color-ci-primary);--button-color-background-filled-hover:var(--mantine-color-green-7);--button-color-background-filled-active:var(--mantine-color-green-8);--button-color-background-filled-disabled:var(--mantine-color-green-3);--button-color-text-danger-normal:var(--mantine-color-white);--button-color-background-danger-normal:var(--mantine-color-red-5);--button-color-background-danger-hover:var(--mantine-color-red-6);--button-color-background-danger-active:var(--mantine-color-red-7);--button-color-background-danger-disabled:var(--mantine-color-red-1);--button-color-text-outline-normal:var(--color-ci-primary);--button-color-text-outline-hover:var(--mantine-color-green-7);--button-color-text-outline-active:var(--mantine-color-green-7);--button-color-text-outline-disabled:var(--mantine-color-green-2);--button-color-border-outline-normal:var(--color-ci-primary);--button-color-border-outline-disabled:var(--mantine-color-green-2);--button-color-background-outline-normal:transparent;--button-color-background-outline-hover:var(--mantine-color-green-0);--button-color-background-outline-active:var(--mantine-color-green-1);--button-color-background-outline-disabled:transparent;--button-color-text-default-normal:var(--mantine-color-black);--button-color-text-default-hover:var(--mantine-color-black);--button-color-text-default-active:var(--mantine-color-gray-9);--button-color-text-default-disabled:var(--mantine-color-gray-3);--button-color-border-default-normal:var(--mantine-color-gray-4);--button-color-border-default-disabled:var(--mantine-color-gray-2);--button-color-background-default-normal:var(--mantine-color-white);--button-color-background-default-hover:var(--mantine-color-gray-0);--button-color-background-default-active:var(--mantine-color-gray-1);--button-color-background-default-disabled:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.calendar{background-color:var(--mantine-color-white);border:1px solid var(--
|
|
1
|
+
.calendar{background-color:var(--mantine-color-white);border:1px solid var(--color-ci-primary);border-radius:var(--mantine-radius-sm);width:fit-content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.option{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:calc(.625rem*var(--mantine-scale));padding-left:calc(.9375rem*var(--mantine-scale));width:100%}.active-class{background-color:var(--option-background-active)}.inactive-class{background-color:var(--option-background-inactive)}.option-clickable{cursor:pointer}.tooltip{word-break:break-all}:root[data-mantine-color-scheme=dark]{--option-background-active:var(--mantine-color-green-
|
|
1
|
+
.option{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:calc(.625rem*var(--mantine-scale));padding-left:calc(.9375rem*var(--mantine-scale));width:100%}.active-class{background-color:var(--option-background-active)}.inactive-class{background-color:var(--option-background-inactive)}.option-clickable{cursor:pointer}.tooltip{word-break:break-all}:root[data-mantine-color-scheme=dark]{--option-background-active:var(--mantine-color-green-7);--option-background-inactive:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--option-background-active:var(--mantine-color-green-0);--option-background-inactive:var(--mantine-color-white)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CreatableSelect",{enumerable:true,get:function(){return CreatableSelect}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _creatable=/*#__PURE__*/_interop_require_default(require("react-select/creatable"));const _CreatableSelectmodulecss=/*#__PURE__*/_interop_require_default(require("./CreatableSelect.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}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}function CreatableSelect(_param){var{onBlur,onChange,onKeyDown,multiple=false,value,options,className,components}=_param,props=_object_without_properties(_param,["onBlur","onChange","onKeyDown","multiple","value","options","className","components"]);const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";return(0,_jsxruntime.jsx)("div",{className:className,children:(0,_jsxruntime.jsx)(_creatable.default,_object_spread({ref:props.inputRef,className:_CreatableSelectmodulecss.default.widthAdjust,onChange:(newValue,actionMeta)=>{if(multiple){onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta);return}onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta)},onKeyDown:onKeyDown,onBlur:onBlur,value:value,closeMenuOnSelect:!multiple,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[
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CreatableSelect",{enumerable:true,get:function(){return CreatableSelect}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _creatable=/*#__PURE__*/_interop_require_default(require("react-select/creatable"));const _CreatableSelectmodulecss=/*#__PURE__*/_interop_require_default(require("./CreatableSelect.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}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}function CreatableSelect(_param){var{onBlur,onChange,onKeyDown,multiple=false,value,options,className,components}=_param,props=_object_without_properties(_param,["onBlur","onChange","onKeyDown","multiple","value","options","className","components"]);const theme=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";return(0,_jsxruntime.jsx)("div",{className:className,children:(0,_jsxruntime.jsx)(_creatable.default,_object_spread({ref:props.inputRef,className:_CreatableSelectmodulecss.default.widthAdjust,onChange:(newValue,actionMeta)=>{if(multiple){onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta);return}onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta)},onKeyDown:onKeyDown,onBlur:onBlur,value:value,closeMenuOnSelect:!multiple,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[7]:theme.colors.green[0]:isDarkScheme?theme.colors.gray[9]:base.backgroundColor,"&:active":{backgroundColor:isDarkScheme?theme.colors.green[7]:theme.colors.green[0]},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})},options:options,hideSelectedOptions:true,noOptionsMessage:()=>null,components:_object_spread({DropdownIndicator:()=>null,IndicatorSeparator:()=>null},components)},props))})}
|
|
2
2
|
//# sourceMappingURL=CreatableSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Form/Select/CreatableSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { ActionMeta, CSSObjectWithLabel, GroupBase, OptionsOrGroups } from \"react-select\"\nimport React, { FocusEventHandler, KeyboardEventHandler, RefObject } from \"react\"\nimport { StateManagerProps } from \"react-select/dist/declarations/src/useStateManager\"\nimport Creatable from \"react-select/creatable\"\nimport Select from \"react-select/base\"\nimport classes from \"./CreatableSelect.module.css\"\ntype TValue = { value: string; label: string }\n\nexport type TCreatableSelectProps<Multiple> = Omit<StateManagerProps, \"onChange\"> & {\n creatable?: boolean\n onChange?: (\n newValue: Multiple extends true ? TValue[] : TValue,\n actionMeta: ActionMeta<unknown>\n ) => void\n onBlur?: FocusEventHandler\n onKeyDown?: KeyboardEventHandler\n multiple: Multiple\n completed?: boolean\n options?: StateManagerProps<TValue>[\"options\"]\n value?: TValue\n className?: string\n inputRef?: RefObject<Select<unknown, boolean, GroupBase<unknown>>>\n}\n\nexport function CreatableSelect<Multiple extends boolean>({\n onBlur,\n onChange,\n onKeyDown,\n multiple = false as Multiple,\n value,\n options,\n className,\n components,\n ...props\n}: React.PropsWithChildren<TCreatableSelectProps<Multiple>>) {\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n\n return (\n <div className={className}>\n <Creatable\n ref={props.inputRef}\n className={classes.widthAdjust}\n onChange={(newValue, actionMeta) => {\n if (multiple) {\n onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n return\n }\n onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n }}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n value={value}\n closeMenuOnSelect={!multiple}\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[
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Form/Select/CreatableSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { ActionMeta, CSSObjectWithLabel, GroupBase, OptionsOrGroups } from \"react-select\"\nimport React, { FocusEventHandler, KeyboardEventHandler, RefObject } from \"react\"\nimport { StateManagerProps } from \"react-select/dist/declarations/src/useStateManager\"\nimport Creatable from \"react-select/creatable\"\nimport Select from \"react-select/base\"\nimport classes from \"./CreatableSelect.module.css\"\ntype TValue = { value: string; label: string }\n\nexport type TCreatableSelectProps<Multiple> = Omit<StateManagerProps, \"onChange\"> & {\n creatable?: boolean\n onChange?: (\n newValue: Multiple extends true ? TValue[] : TValue,\n actionMeta: ActionMeta<unknown>\n ) => void\n onBlur?: FocusEventHandler\n onKeyDown?: KeyboardEventHandler\n multiple: Multiple\n completed?: boolean\n options?: StateManagerProps<TValue>[\"options\"]\n value?: TValue\n className?: string\n inputRef?: RefObject<Select<unknown, boolean, GroupBase<unknown>>>\n}\n\nexport function CreatableSelect<Multiple extends boolean>({\n onBlur,\n onChange,\n onKeyDown,\n multiple = false as Multiple,\n value,\n options,\n className,\n components,\n ...props\n}: React.PropsWithChildren<TCreatableSelectProps<Multiple>>) {\n const theme = useMantineTheme()\n const { colorScheme } = useMantineColorScheme()\n const isDarkScheme = colorScheme === \"dark\"\n\n return (\n <div className={className}>\n <Creatable\n ref={props.inputRef}\n className={classes.widthAdjust}\n onChange={(newValue, actionMeta) => {\n if (multiple) {\n onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n return\n }\n onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n }}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n value={value}\n closeMenuOnSelect={!multiple}\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[7]\n : theme.colors.green[0]\n : isDarkScheme\n ? theme.colors.gray[9]\n : base.backgroundColor,\n \"&:active\": {\n backgroundColor: isDarkScheme ? theme.colors.green[7] : theme.colors.green[0],\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 options={options as OptionsOrGroups<{ label: string; value: string }, GroupBase<TValue>>}\n hideSelectedOptions={true}\n noOptionsMessage={() => null}\n components={{\n DropdownIndicator: () => null,\n IndicatorSeparator: () => null,\n ...components,\n }}\n {...props}\n />\n </div>\n )\n}\n"],"names":["CreatableSelect","onBlur","onChange","onKeyDown","multiple","value","options","className","components","props","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","div","Creatable","ref","inputRef","classes","widthAdjust","newValue","actionMeta","closeMenuOnSelect","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","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.label,.root{font-size:var(--mantine-font-size-md)}.label{color:var(--label-color);font-weight:500}.error{color:var(--mantine-color-red-5);font-size:var(--mantine-font-size-xs)}[data-size=lg] .input{height:calc(2.5rem*var(--mantine-scale));min-height:calc(2.5rem*var(--mantine-scale))}[data-size=md] .input{height:calc(2rem*var(--mantine-scale));min-height:calc(2rem*var(--mantine-scale))}.input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-color);font-size:var(--mantine-font-size-md);padding-left:var(--mantine-spacing-sm)}.input::placeholder{color:var(--mantine-color-gray-4)}.input[data-error=true]{border-color:var(--input-error-border-color)}:root[data-mantine-color-scheme=dark]{--label-color:var(--mantine-color-white);--input-color:var(--mantine-color-white);--input-border-color:var(--mantine-color-gray-8);--input-error-border-color:var(--mantine-color-red-7);--input-background-color:var(--mantine-color-gray-9);--input-focus-border-color:var(--
|
|
1
|
+
.label,.root{font-size:var(--mantine-font-size-md)}.label{color:var(--label-color);font-weight:500}.error{color:var(--mantine-color-red-5);font-size:var(--mantine-font-size-xs)}[data-size=lg] .input{height:calc(2.5rem*var(--mantine-scale));min-height:calc(2.5rem*var(--mantine-scale))}[data-size=md] .input{height:calc(2rem*var(--mantine-scale));min-height:calc(2rem*var(--mantine-scale))}.input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-color);font-size:var(--mantine-font-size-md);padding-left:var(--mantine-spacing-sm)}.input::placeholder{color:var(--mantine-color-gray-4)}.input[data-error=true]{border-color:var(--input-error-border-color)}:root[data-mantine-color-scheme=dark]{--label-color:var(--mantine-color-white);--input-color:var(--mantine-color-white);--input-border-color:var(--mantine-color-gray-8);--input-error-border-color:var(--mantine-color-red-7);--input-background-color:var(--mantine-color-gray-9);--input-focus-border-color:var(--color-ci-primary)}:root:not([data-mantine-color-scheme=dark]){--label-color:var(--mantine-color-black);--input-color:var(--mantine-color-black);--input-border-color:var(--mantine-color-gray-3);--input-error-border-color:var(--mantine-color-red-3);--input-background-color:var(--mantine-color-white);--input-focus-border-color:var(--color-ci-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dropdown{border-radius:var(--mantine-radius-xs);max-width:calc(21.875rem*var(--mantine-scale));padding:var(--mantine-spacing-sm)}.dropdown-success{background-color:var(--background-color-success);border-color:var(--border-color-success);color:var(--text-color-
|
|
1
|
+
.dropdown{border-radius:var(--mantine-radius-xs);max-width:calc(21.875rem*var(--mantine-scale));padding:var(--mantine-spacing-sm)}.dropdown-success{background-color:var(--background-color-success);border-color:var(--border-color-success);color:var(--text-color-success)}.dropdown-error{background-color:var(--background-color-error);border-color:var(--border-color-error);color:var(--text-color-error)}.dropdown-info{background-color:var(--background-color-info);border-color:var(--border-color-info);color:var(--text-color-info)}.dropdown-warning{background-color:var(--background-color-warning);border-color:var(--border-color-warning);color:var(--text-color-warning)}.arrow-success{border-color:var(--border-color-success)}.arrow-error{border-color:var(--border-color-error)}.arrow-info{border-color:var(--border-color-info)}.arrow-warning{border-color:var(--border-color-warning)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root{border-radius:var(--mantine-radius-sm);margin-bottom:calc(.125rem*var(--mantine-scale))}.root-active,.root-active:hover{background-color:var(--app-navigation-link-active-background)}.root-active .label,.root-active:hover .label{color:var(--app-navigation-link-active-color)}.root-active .section[data-position=left],.root-active:hover .section[data-position=left]{color:var(--app-navigation-link-active-icon-left-color)}.section[data-position=left]{color:var(--app-navigation-link-icon-left-color)}.section[data-position=right]{color:var(--app-navigation-link-icon-right-color)}.label{color:var(--app-navigation-link-label-color);font-size:var(--mantine-font-size-md)}.badge-root{background-color:var(--badge-background-color)}.children{padding-left:0}.children .mantine-NavLink-root{padding-left:2.5rem}:root[data-mantine-color-scheme=dark]{--app-navigation-link-icon-left-color:var(--mantine-color-gray-5);--app-navigation-link-icon-right-color:var(--mantine-color-white);--app-navigation-link-label-color:var(--mantine-color-white);--app-navigation-link-active-background:var(--mantine-color-green-9);--app-navigation-link-active-color:var(--
|
|
1
|
+
.root{border-radius:var(--mantine-radius-sm);margin-bottom:calc(.125rem*var(--mantine-scale))}.root-active,.root-active:hover{background-color:var(--app-navigation-link-active-background)}.root-active .label,.root-active:hover .label{color:var(--app-navigation-link-active-color)}.root-active .section[data-position=left],.root-active:hover .section[data-position=left]{color:var(--app-navigation-link-active-icon-left-color)}.section[data-position=left]{color:var(--app-navigation-link-icon-left-color)}.section[data-position=right]{color:var(--app-navigation-link-icon-right-color)}.label{color:var(--app-navigation-link-label-color);font-size:var(--mantine-font-size-md)}.badge-root{background-color:var(--badge-background-color)}.children{padding-left:0}.children .mantine-NavLink-root{padding-left:2.5rem}:root[data-mantine-color-scheme=dark]{--app-navigation-link-icon-left-color:var(--mantine-color-gray-5);--app-navigation-link-icon-right-color:var(--mantine-color-white);--app-navigation-link-label-color:var(--mantine-color-white);--app-navigation-link-active-background:var(--mantine-color-green-9);--app-navigation-link-active-color:var(--color-ci-primary);--app-navigation-link-active-icon-left-color:var(--color-ci-primary)}:root:not([data-mantine-color-scheme=dark]){--app-navigation-link-icon-left-color:var(--mantine-color-gray-6);--app-navigation-link-icon-right-color:var(--mantine-color-black);--app-navigation-link-label-color:var(--mantine-color-black);--app-navigation-link-active-background:var(--mantine-color-green-0);--app-navigation-link-active-color:var(--color-ci-primary);--app-navigation-link-active-icon-left-color:var(--color-ci-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loading{animation:spin 1s ease-in-out infinite;border:3px solid var(--mantine-color-gray-3);border-radius:50%;border-top-color:var(--
|
|
1
|
+
.loading{animation:spin 1s ease-in-out infinite;border:3px solid var(--mantine-color-gray-3);border-radius:50%;border-top-color:var(--color-ci-primary);display:inline-block;height:calc(3.125rem*var(--mantine-scale));width:calc(3.125rem*var(--mantine-scale))}.container{align-items:center;display:flex;height:100%;justify-content:center}.container.full-page{height:calc(90vh - var(--header-height))}@keyframes spin{to{transform:rotate(1turn)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableHead",{enumerable:true,get:function(){return TableHead}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _Typo=require("../../Typo");const _react=require("react");const _TableHeadmodulecss=/*#__PURE__*/_interop_require_default(require("./TableHead.module.css"));const _cx=require("../../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const SortAppendix=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableHead",{enumerable:true,get:function(){return TableHead}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _Typo=require("../../Typo");const _react=require("react");const _TableHeadmodulecss=/*#__PURE__*/_interop_require_default(require("./TableHead.module.css"));const _cx=require("../../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const SortAppendix=col=>{return col.meta.sorting.direction==="asc"?(0,_jsxruntime.jsx)(_lucidereact.ArrowUp,{"data-testid":"table-sort-arrow-up",color:"var(--color-ci-primary)",size:18}):(0,_jsxruntime.jsx)(_lucidereact.ArrowDown,{"data-testid":"table-sort-arrow-down",color:"var(--color-ci-primary)",size:18})};function TableHeadRaw({head}){const theme=(0,_core.useMantineTheme)();return(0,_jsxruntime.jsx)(_core.Table.Thead,{className:_TableHeadmodulecss.default.thead,children:(0,_jsxruntime.jsx)(_core.Table.Tr,{children:head.columns.map(col=>{const isSortable=col.meta.sorting.isSortable;return(0,_jsxruntime.jsx)(_core.Table.Th,{onClick:()=>{col.meta.sorting.isSortable&&col.actions.autoSort();col.actions.selectAll()},children:(0,_jsxruntime.jsxs)("span",{className:(0,_cx.cx)(_TableHeadmodulecss.default["header-container"],isSortable?_TableHeadmodulecss.default.sortable:""),children:[(0,_jsxruntime.jsx)(_Typo.Typo,{span:true,type:"heading4",children:col.label}),col.meta.sorting.isSorted?SortAppendix(col):isSortable?(0,_jsxruntime.jsx)(_lucidereact.ArrowUpDown,{color:theme.colors.gray[5],"data-testid":"table-sort-arrow-up-down",size:18}):""]})},col.id)})})})}const TableHead=(0,_react.memo)(TableHeadRaw);
|
|
2
2
|
//# sourceMappingURL=TableHead.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Table/Layout/TableHead.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Table/Layout/TableHead.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Table, useMantineTheme } from \"@mantine/core\"\nimport { THeader, TUseTableReturn } from \"../types\"\nimport { ArrowDown, ArrowUp, ArrowUpDown } from \"lucide-react\"\nimport { Typo } from \"../../Typo\"\nimport { memo } from \"react\"\nimport classes from \"./TableHead.module.css\"\nimport { cx } from \"../../../helper/cx\"\n\ntype TTableHead<TDataType> = { head: TUseTableReturn<TDataType>[\"head\"] }\n\nconst SortAppendix = (col: THeader) => {\n return col.meta.sorting.direction === \"asc\" ? (\n <ArrowUp data-testid={\"table-sort-arrow-up\"} color={\"var(--color-ci-primary)\"} size={18} />\n ) : (\n <ArrowDown data-testid={\"table-sort-arrow-down\"} color={\"var(--color-ci-primary)\"} size={18} />\n )\n}\n\nfunction TableHeadRaw<TDataType>({ head }: TTableHead<TDataType>) {\n const theme = useMantineTheme()\n\n return (\n <Table.Thead className={classes.thead}>\n <Table.Tr>\n {head.columns.map((col) => {\n const isSortable = col.meta.sorting.isSortable\n return (\n <Table.Th\n key={col.id}\n onClick={() => {\n col.meta.sorting.isSortable && col.actions.autoSort()\n col.actions.selectAll()\n }}\n >\n <span className={cx(classes[\"header-container\"], isSortable ? classes.sortable : \"\")}>\n <Typo span type=\"heading4\">\n {col.label}\n </Typo>\n {col.meta.sorting.isSorted ? (\n SortAppendix(col)\n ) : isSortable ? (\n <ArrowUpDown\n color={theme.colors.gray[5]}\n data-testid={\"table-sort-arrow-up-down\"}\n size={18}\n />\n ) : (\n \"\"\n )}\n </span>\n </Table.Th>\n )\n })}\n </Table.Tr>\n </Table.Thead>\n )\n}\n\nconst TableHead = memo(TableHeadRaw)\n\nexport { TableHead }\n"],"names":["TableHead","SortAppendix","col","meta","sorting","direction","ArrowUp","data-testid","color","size","ArrowDown","TableHeadRaw","head","theme","useMantineTheme","Table","Thead","className","classes","thead","Tr","columns","map","isSortable","Th","onClick","actions","autoSort","selectAll","span","cx","sortable","Typo","type","label","isSorted","ArrowUpDown","colors","gray","id","memo"],"mappings":"oGAgESA,mDAAAA,gFA5D8B,4CAES,oCAC3B,mCACA,iFACD,6CACD,0GAInB,MAAMC,aAAe,AAACC,MACpB,OAAOA,IAAIC,IAAI,CAACC,OAAO,CAACC,SAAS,GAAK,MACpC,oBAACC,oBAAO,EAACC,cAAa,sBAAuBC,MAAO,0BAA2BC,KAAM,KAErF,oBAACC,sBAAS,EAACH,cAAa,wBAAyBC,MAAO,0BAA2BC,KAAM,IAE7F,EAEA,SAASE,aAAwB,CAAEC,IAAI,CAAyB,EAC9D,MAAMC,MAAQC,GAAAA,qBAAe,IAE7B,MACE,oBAACC,WAAK,CAACC,KAAK,EAACC,UAAWC,2BAAO,CAACC,KAAK,UACnC,oBAACJ,WAAK,CAACK,EAAE,WACNR,KAAKS,OAAO,CAACC,GAAG,CAAC,AAACpB,MACjB,MAAMqB,WAAarB,IAAIC,IAAI,CAACC,OAAO,CAACmB,UAAU,CAC9C,MACE,oBAACR,WAAK,CAACS,EAAE,EAEPC,QAAS,KACPvB,IAAIC,IAAI,CAACC,OAAO,CAACmB,UAAU,EAAIrB,IAAIwB,OAAO,CAACC,QAAQ,GACnDzB,IAAIwB,OAAO,CAACE,SAAS,EACvB,WAEA,qBAACC,QAAKZ,UAAWa,GAAAA,MAAE,EAACZ,2BAAO,CAAC,mBAAmB,CAAEK,WAAaL,2BAAO,CAACa,QAAQ,CAAG,cAC/E,oBAACC,UAAI,EAACH,IAAI,MAACI,KAAK,oBACb/B,IAAIgC,KAAK,GAEXhC,IAAIC,IAAI,CAACC,OAAO,CAAC+B,QAAQ,CACxBlC,aAAaC,KACXqB,WACF,oBAACa,wBAAW,EACV5B,MAAOK,MAAMwB,MAAM,CAACC,IAAI,CAAC,EAAE,CAC3B/B,cAAa,2BACbE,KAAM,KAGR,OAnBCP,IAAIqC,EAAE,CAwBjB,MAIR,CAEA,MAAMvC,UAAYwC,GAAAA,WAAI,EAAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pagination-container{align-items:center;display:flex;justify-content:space-between;margin-left:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}.pagination button{color:var(--pagination-button-color)}.pagination button[aria-current=page]{background-color:var(--pagination-current-button-bg);color:var(--pagination-current-button-active)}.info{gap:calc(2.3125rem*var(--mantine-scale))}.info,.per-page{align-items:center;display:flex;flex-direction:row}.per-page{gap:calc(1rem*var(--mantine-scale))}.per-page input{padding-right:calc(1.875rem*var(--mantine-scale));width:calc(4.375rem*var(--mantine-scale))}.text{color:var(--pagination-text-color);font-family:Roboto;font-size:calc(.75rem*var(--mantine-scale));font-style:normal;font-weight:400;line-height:calc(.875rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--pagination-text-color:var(--mantine-color-gray-0);--pagination-button-color:var(--mantine-color-gray-7);--pagination-current-button-bg:var(--
|
|
1
|
+
.pagination-container{align-items:center;display:flex;justify-content:space-between;margin-left:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}.pagination button{color:var(--pagination-button-color)}.pagination button[aria-current=page]{background-color:var(--pagination-current-button-bg);border-color:var(--color-ci-primary);color:var(--pagination-current-button-active)}.info{gap:calc(2.3125rem*var(--mantine-scale))}.info,.per-page{align-items:center;display:flex;flex-direction:row}.per-page{gap:calc(1rem*var(--mantine-scale))}.per-page input{padding-right:calc(1.875rem*var(--mantine-scale));width:calc(4.375rem*var(--mantine-scale))}.text{color:var(--pagination-text-color);font-family:Roboto;font-size:calc(.75rem*var(--mantine-scale));font-style:normal;font-weight:400;line-height:calc(.875rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--pagination-text-color:var(--mantine-color-gray-0);--pagination-button-color:var(--mantine-color-gray-7);--pagination-current-button-bg:var(--color-ci-primary);--pagination-current-button-active:var(--mantine-color-black)}:root:not([data-mantine-color-scheme=dark]){--pagination-text-color:var(--mantine-color-gray-6);--pagination-button-color:var(--mantine-color-gray-7);--pagination-current-button-bg:var(--color-ci-primary);--pagination-current-button-active:var(--mantine-color-white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--mantine-font-size-xxs:calc(0.625rem*var(--mantine-scale));--header-height:calc(3rem*var(--mantine-scale));--navbar-width:calc(14.4375rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--mantine-color-body:var(--mantine-color-black);--mantine-color-error:var(--mantine-color-red-5);--text-color-black:var(--mantine-color-white);--text-color-white:var(--mantine-color-black);--text-color-bright:var(--mantine-color-gray-3);--text-color-error:var(--mantine-color-red-5);--text-color-
|
|
1
|
+
:root{--mantine-font-size-xxs:calc(0.625rem*var(--mantine-scale));--header-height:calc(3rem*var(--mantine-scale));--navbar-width:calc(14.4375rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--mantine-color-body:var(--mantine-color-black);--mantine-color-error:var(--mantine-color-red-5);--color-ci-primary:var(--mantine-color-green-5);--text-color-black:var(--mantine-color-white);--text-color-white:var(--mantine-color-black);--text-color-bright:var(--mantine-color-gray-3);--text-color-error:var(--mantine-color-red-5);--text-color-success:var(--color-ci-primary);--text-color-info:var(--mantine-color-blue-5);--text-color-warning:var(--mantine-color-orange-5);--link-color:var(--color-ci-primary);--link-color-hover:var(--mantine-color-green-4);--background-color-white:var(--mantine-color-black);--background-color-success:var(--mantine-color-green-8);--background-color-error:var(--mantine-color-red-9);--background-color-info:var(--mantine-color-blue-8);--background-color-warning:var(--mantine-color-orange-9);--border-color-bright:var(--mantine-color-gray-8);--border-color-success:var(--mantine-color-green-7);--border-color-error:var(--mantine-color-red-7);--border-color-info:var(--mantine-color-blue-6);--border-color-warning:var(--mantine-color-orange-7);--icon-color-success:var(--color-ci-primary);--icon-color-error:var(--mantine-color-red-5);--icon-color-info:var(--mantine-color-blue-4);--icon-color-info-tip:var(--mantine-color-gray-5);--icon-color-warning:var(--mantine-color-orange-5)}:root:not([data-mantine-color-scheme=dark]){--mantine-color-body:var(--mantine-color-white);--mantine-color-error:var(--mantine-color-red-5);--color-ci-primary:var(--mantine-color-green-6);--text-color-black:var(--mantine-color-black);--text-color-white:var(--mantine-color-white);--text-color-bright:var(--mantine-color-gray-6);--text-color-error:var(--mantine-color-red-5);--text-color-success:var(--color-ci-primary);--link-color:var(--color-ci-primary);--link-color-hover:var(--mantine-color-green-7);--background-color-white:var(--mantine-color-white);--background-color-success:var(--mantine-color-green-1);--background-color-error:var(--mantine-color-red-1);--background-color-info:var(--mantine-color-blue-1);--background-color-warning:var(--mantine-color-orange-1);--border-color-bright:var(--mantine-color-gray-1);--border-color-success:var(--mantine-color-green-2);--border-color-error:var(--mantine-color-red-2);--border-color-info:var(--mantine-color-blue-3);--border-color-warning:var(--mantine-color-orange-2);--icon-color-success:var(--color-ci-primary);--icon-color-error:var(--mantine-color-red-5);--icon-color-info:var(--mantine-color-blue-5);--icon-color-info-tip:var(--mantine-color-gray-5);--icon-color-warning:var(--mantine-color-orange-5)}
|
package/lib/cjs/theme/theme.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get EThemeColors(){return EThemeColors},get theme(){return theme}});const _conventions=_export_star(require("./conventions"),exports);const _core=require("@mantine/core");function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}var EThemeColors=/*#__PURE__*/function(EThemeColors){EThemeColors["Neutral"]="neutral";EThemeColors["NeutralMuted"]="neutral-muted";EThemeColors["NeutralLight"]="neutral-light";EThemeColors["Green"]="green";EThemeColors["RedLight"]="red-light";EThemeColors["RedDark"]="red-dark";EThemeColors["Orange"]="orange";EThemeColors["Blue"]="blue";return EThemeColors}({});const themeOverride=(0,_core.createTheme)({scale:1,fontSmoothing:true,focusRing:"auto",white:"#ffffff",black:"#171717",colors:{green:["#F0F9F6","#D8F1E2","#A1DDBA","#7ACF9E","#49BE7A","#11AB51","#0E823E","#0A602E","#074320","#052B15"],blue:["#EFF5FE","#D6E6FD","#A0C5F9","#77ACF7","#468EF4","#0C6CF2","#0A53B8","#073D88","#052B5F","#031B3D"],yellow:["#FFFCF0","#FFF9D9","#FFF098","#FFE969","#FFE13E","#FFD91A","#DBB615","#AF8B0F","#7D5C0B","#403607"],orange:["#FDF7F0","#FCEAD8","#F6CD97","#F3B865","#EF9F3B","#EB8117","#C66313","#9C490E","#6B330A","#3B2006"],red:["#FDF2F2","#FBDDDE","#F4B1B2","#F0868A","#EA5C61","#E5393D","#C12C30","#962123","#671719","#3A0F10"],gray:["#f5f5f5","#E6E6E6","#D9D9D9","#CCCCCC","#B3B3B3","#999999","#808080","#666666","#4D4D4D","#333333"]},primaryShade:5,primaryColor:"green",autoContrast:false,luminanceThreshold:.3,fontFamily:"Roboto",fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:false,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"mantine-focus",headings:{fontFamily:"Roboto",fontWeight:"500",textWrap:"wrap",sizes:{h1:{fontSize:"calc(1.5rem * var(--mantine-scale))",lineHeight:"2rem"},h2:{fontSize:"calc(1.2rem * var(--mantine-scale))",lineHeight:"1.75rem"},h3:{fontSize:"calc(1rem * var(--mantine-scale))",lineHeight:"1.5rem"},h4:{fontSize:"calc(0.875rem * var(--mantine-scale))",lineHeight:"1.25rem"},h5:{fontSize:"calc(0.75rem * var(--mantine-scale))",lineHeight:"1.25rem"},h6:{fontSize:"calc(0.625rem * var(--mantine-scale))",lineHeight:"1rem"}}},fontSizes:{xs:"calc(0.625rem * var(--mantine-scale))",sm:"calc(0.75rem * var(--mantine-scale))",md:"calc(0.875rem * var(--mantine-scale))",lg:"calc(1rem * var(--mantine-scale))",xl:"calc(1.2rem * var(--mantine-scale))"},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:"calc(0.125rem * var(--mantine-scale))",sm:"calc(0.25rem * var(--mantine-scale))",md:"calc(0.5rem * var(--mantine-scale))",lg:"calc(1rem * var(--mantine-scale))",xl:"calc(2rem * var(--mantine-scale))"},spacing:{xxs:"calc(0.25rem * var(--mantine-scale))",xs:"calc(0.5rem * var(--mantine-scale))",sm:"calc(0.75rem * var(--mantine-scale))",md:"calc(1rem * var(--mantine-scale))",lg:"calc(1.5rem * var(--mantine-scale))",xl:"calc(2rem * var(--mantine-scale))"},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1)",sm:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale))",md:'md: "0px 0px 2px rgba(23, 23, 23, 0.04), 0px 4px 8px rgba(77, 77, 77, 0.16)",',lg:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))",xl:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))"},other:{iconSizes:_conventions.ICON_SIZES,zIndexLayers:_conventions.Z_INDEX_LAYER}});const theme=(0,_core.mergeMantineTheme)(_core.DEFAULT_THEME,themeOverride);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get EThemeColors(){return EThemeColors},get theme(){return theme}});const _conventions=_export_star(require("./conventions"),exports);const _core=require("@mantine/core");function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}var EThemeColors=/*#__PURE__*/function(EThemeColors){EThemeColors["Neutral"]="neutral";EThemeColors["NeutralMuted"]="neutral-muted";EThemeColors["NeutralLight"]="neutral-light";EThemeColors["Green"]="green";EThemeColors["RedLight"]="red-light";EThemeColors["RedDark"]="red-dark";EThemeColors["Orange"]="orange";EThemeColors["Blue"]="blue";return EThemeColors}({});const themeOverride=(0,_core.createTheme)({scale:1,fontSmoothing:true,focusRing:"auto",white:"#ffffff",black:"#171717",colors:{green:["#F0F9F6","#D8F1E2","#A1DDBA","#7ACF9E","#49BE7A","#11AB51","#0E823E","#0A602E","#074320","#052B15"],blue:["#EFF5FE","#D6E6FD","#A0C5F9","#77ACF7","#468EF4","#0C6CF2","#0A53B8","#073D88","#052B5F","#031B3D"],yellow:["#FFFCF0","#FFF9D9","#FFF098","#FFE969","#FFE13E","#FFD91A","#DBB615","#AF8B0F","#7D5C0B","#403607"],orange:["#FDF7F0","#FCEAD8","#F6CD97","#F3B865","#EF9F3B","#EB8117","#C66313","#9C490E","#6B330A","#3B2006"],red:["#FDF2F2","#FBDDDE","#F4B1B2","#F0868A","#EA5C61","#E5393D","#C12C30","#962123","#671719","#3A0F10"],gray:["#f5f5f5","#E6E6E6","#D9D9D9","#CCCCCC","#B3B3B3","#999999","#808080","#666666","#4D4D4D","#333333"]},primaryShade:{light:6,dark:5},primaryColor:"green",autoContrast:false,luminanceThreshold:.3,fontFamily:"Roboto",fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:false,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"mantine-focus",headings:{fontFamily:"Roboto",fontWeight:"500",textWrap:"wrap",sizes:{h1:{fontSize:"calc(1.5rem * var(--mantine-scale))",lineHeight:"2rem"},h2:{fontSize:"calc(1.2rem * var(--mantine-scale))",lineHeight:"1.75rem"},h3:{fontSize:"calc(1rem * var(--mantine-scale))",lineHeight:"1.5rem"},h4:{fontSize:"calc(0.875rem * var(--mantine-scale))",lineHeight:"1.25rem"},h5:{fontSize:"calc(0.75rem * var(--mantine-scale))",lineHeight:"1.25rem"},h6:{fontSize:"calc(0.625rem * var(--mantine-scale))",lineHeight:"1rem"}}},fontSizes:{xs:"calc(0.625rem * var(--mantine-scale))",sm:"calc(0.75rem * var(--mantine-scale))",md:"calc(0.875rem * var(--mantine-scale))",lg:"calc(1rem * var(--mantine-scale))",xl:"calc(1.2rem * var(--mantine-scale))"},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:"calc(0.125rem * var(--mantine-scale))",sm:"calc(0.25rem * var(--mantine-scale))",md:"calc(0.5rem * var(--mantine-scale))",lg:"calc(1rem * var(--mantine-scale))",xl:"calc(2rem * var(--mantine-scale))"},spacing:{xxs:"calc(0.25rem * var(--mantine-scale))",xs:"calc(0.5rem * var(--mantine-scale))",sm:"calc(0.75rem * var(--mantine-scale))",md:"calc(1rem * var(--mantine-scale))",lg:"calc(1.5rem * var(--mantine-scale))",xl:"calc(2rem * var(--mantine-scale))"},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1)",sm:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale))",md:'md: "0px 0px 2px rgba(23, 23, 23, 0.04), 0px 4px 8px rgba(77, 77, 77, 0.16)",',lg:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))",xl:"0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale))"},other:{iconSizes:_conventions.ICON_SIZES,zIndexLayers:_conventions.Z_INDEX_LAYER}});const theme=(0,_core.mergeMantineTheme)(_core.DEFAULT_THEME,themeOverride);
|
|
2
2
|
//# sourceMappingURL=theme.js.map
|