@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
|
-
{"version":3,"sources":["../../../src/theme/theme.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ICON_SIZES, Z_INDEX_LAYER } from \"./conventions\"\nimport { createTheme, DEFAULT_THEME, mergeMantineTheme } from \"@mantine/core\"\n\nexport enum EThemeColors {\n Neutral = \"neutral\",\n NeutralMuted = \"neutral-muted\",\n NeutralLight = \"neutral-light\",\n Green = \"green\",\n RedLight = \"red-light\",\n RedDark = \"red-dark\",\n Orange = \"orange\",\n Blue = \"blue\",\n}\n\nconst themeOverride = createTheme({\n scale: 1,\n fontSmoothing: true,\n focusRing: \"auto\",\n white: \"#ffffff\",\n black: \"#171717\",\n colors: {\n green: [\n \"#F0F9F6\",\n \"#D8F1E2\",\n \"#A1DDBA\",\n \"#7ACF9E\",\n \"#49BE7A\",\n \"#11AB51\",\n \"#0E823E\",\n \"#0A602E\",\n \"#074320\",\n \"#052B15\",\n ],\n blue: [\n \"#EFF5FE\",\n \"#D6E6FD\",\n \"#A0C5F9\",\n \"#77ACF7\",\n \"#468EF4\",\n \"#0C6CF2\",\n \"#0A53B8\",\n \"#073D88\",\n \"#052B5F\",\n \"#031B3D\",\n ],\n yellow: [\n \"#FFFCF0\",\n \"#FFF9D9\",\n \"#FFF098\",\n \"#FFE969\",\n \"#FFE13E\",\n \"#FFD91A\",\n \"#DBB615\",\n \"#AF8B0F\",\n \"#7D5C0B\",\n \"#403607\",\n ],\n orange: [\n \"#FDF7F0\",\n \"#FCEAD8\",\n \"#F6CD97\",\n \"#F3B865\",\n \"#EF9F3B\",\n \"#EB8117\",\n \"#C66313\",\n \"#9C490E\",\n \"#6B330A\",\n \"#3B2006\",\n ],\n red: [\n \"#FDF2F2\",\n \"#FBDDDE\",\n \"#F4B1B2\",\n \"#F0868A\",\n \"#EA5C61\",\n \"#E5393D\",\n \"#C12C30\",\n \"#962123\",\n \"#671719\",\n \"#3A0F10\",\n ],\n gray: [\n \"#f5f5f5\",\n \"#E6E6E6\",\n \"#D9D9D9\",\n \"#CCCCCC\",\n \"#B3B3B3\",\n \"#999999\",\n \"#808080\",\n \"#666666\",\n \"#4D4D4D\",\n \"#333333\",\n ],\n },\n primaryShade: 5,\n primaryColor: \"green\",\n autoContrast: false,\n luminanceThreshold: 0.3,\n fontFamily: \"Roboto\",\n fontFamilyMonospace:\n \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace\",\n respectReducedMotion: false,\n cursorType: \"default\",\n defaultGradient: {\n from: \"blue\",\n to: \"cyan\",\n deg: 45,\n },\n defaultRadius: \"sm\",\n activeClassName: \"mantine-active\",\n focusClassName: \"mantine-focus\",\n headings: {\n fontFamily: \"Roboto\",\n fontWeight: \"500\",\n textWrap: \"wrap\",\n sizes: {\n h1: {\n fontSize: \"calc(1.5rem * var(--mantine-scale))\", // 24px\n lineHeight: \"2rem\",\n },\n h2: {\n fontSize: \"calc(1.2rem * var(--mantine-scale))\", // 20px\n lineHeight: \"1.75rem\",\n },\n h3: {\n fontSize: \"calc(1rem * var(--mantine-scale))\", // 16px\n lineHeight: \"1.5rem\",\n },\n h4: {\n fontSize: \"calc(0.875rem * var(--mantine-scale))\", // 14px\n lineHeight: \"1.25rem\",\n },\n h5: {\n fontSize: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n lineHeight: \"1.25rem\",\n },\n h6: {\n fontSize: \"calc(0.625rem * var(--mantine-scale))\", // 10px\n lineHeight: \"1rem\",\n },\n },\n },\n fontSizes: {\n xs: \"calc(0.625rem * var(--mantine-scale))\", // 10px\n sm: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n md: \"calc(0.875rem * var(--mantine-scale))\", // 14px\n lg: \"calc(1rem * var(--mantine-scale))\", // 16px\n xl: \"calc(1.2rem * var(--mantine-scale))\", // 20px\n },\n lineHeights: {\n xs: \"1.4\",\n sm: \"1.45\",\n md: \"1.55\",\n lg: \"1.6\",\n xl: \"1.65\",\n },\n radius: {\n xs: \"calc(0.125rem * var(--mantine-scale))\", // 2px\n sm: \"calc(0.25rem * var(--mantine-scale))\", // 4px (default)\n md: \"calc(0.5rem * var(--mantine-scale))\", // 8px\n lg: \"calc(1rem * var(--mantine-scale))\", // 16px\n xl: \"calc(2rem * var(--mantine-scale))\", // 32px\n },\n spacing: {\n xxs: \"calc(0.25rem * var(--mantine-scale))\", // 4px\n xs: \"calc(0.5rem * var(--mantine-scale))\", // 8px\n sm: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n md: \"calc(1rem * var(--mantine-scale))\", // 16px\n lg: \"calc(1.5rem * var(--mantine-scale))\", // 24px\n xl: \"calc(2rem * var(--mantine-scale))\", // 32px\n },\n breakpoints: {\n xs: \"36em\",\n sm: \"48em\",\n md: \"62em\",\n lg: \"75em\",\n xl: \"88em\",\n },\n shadows: {\n 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)\",\n 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))\",\n md: 'md: \"0px 0px 2px rgba(23, 23, 23, 0.04), 0px 4px 8px rgba(77, 77, 77, 0.16)\",',\n 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))\",\n 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))\",\n },\n other: {\n iconSizes: ICON_SIZES,\n zIndexLayers: Z_INDEX_LAYER,\n },\n})\n\nexport const theme = mergeMantineTheme(DEFAULT_THEME, themeOverride)\nexport * from \"./conventions\"\n"],"names":["EThemeColors","theme","themeOverride","createTheme","scale","fontSmoothing","focusRing","white","black","colors","green","blue","yellow","orange","red","gray","primaryShade","primaryColor","autoContrast","luminanceThreshold","fontFamily","fontFamilyMonospace","respectReducedMotion","cursorType","defaultGradient","from","to","deg","defaultRadius","activeClassName","focusClassName","headings","fontWeight","textWrap","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","xs","sm","md","lg","xl","lineHeights","radius","spacing","xxs","breakpoints","shadows","other","iconSizes","ICON_SIZES","zIndexLayers","Z_INDEX_LAYER","mergeMantineTheme","DEFAULT_THEME"],"mappings":"mPAOYA,sBAAAA,kBA4LCC,eAAAA,iDA/L6B,8CACoB,iPAEvD,IAAA,AAAKD,mCAAAA,mTAAAA,kBAWZ,MAAME,cAAgBC,GAAAA,iBAAW,EAAC,CAChCC,MAAO,EACPC,cAAe,KACfC,UAAW,OACXC,MAAO,UACPC,MAAO,UACPC,OAAQ,CACNC,MAAO,CACL,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,KAAM,CACJ,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,OAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,OAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,IAAK,CACH,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,KAAM,CACJ,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,AACH,EACAC,aAAc,
|
|
1
|
+
{"version":3,"sources":["../../../src/theme/theme.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ICON_SIZES, Z_INDEX_LAYER } from \"./conventions\"\nimport { createTheme, DEFAULT_THEME, mergeMantineTheme } from \"@mantine/core\"\n\nexport enum EThemeColors {\n Neutral = \"neutral\",\n NeutralMuted = \"neutral-muted\",\n NeutralLight = \"neutral-light\",\n Green = \"green\",\n RedLight = \"red-light\",\n RedDark = \"red-dark\",\n Orange = \"orange\",\n Blue = \"blue\",\n}\n\nconst themeOverride = createTheme({\n scale: 1,\n fontSmoothing: true,\n focusRing: \"auto\",\n white: \"#ffffff\",\n black: \"#171717\",\n colors: {\n green: [\n \"#F0F9F6\",\n \"#D8F1E2\",\n \"#A1DDBA\",\n \"#7ACF9E\",\n \"#49BE7A\",\n \"#11AB51\",\n \"#0E823E\",\n \"#0A602E\",\n \"#074320\",\n \"#052B15\",\n ],\n blue: [\n \"#EFF5FE\",\n \"#D6E6FD\",\n \"#A0C5F9\",\n \"#77ACF7\",\n \"#468EF4\",\n \"#0C6CF2\",\n \"#0A53B8\",\n \"#073D88\",\n \"#052B5F\",\n \"#031B3D\",\n ],\n yellow: [\n \"#FFFCF0\",\n \"#FFF9D9\",\n \"#FFF098\",\n \"#FFE969\",\n \"#FFE13E\",\n \"#FFD91A\",\n \"#DBB615\",\n \"#AF8B0F\",\n \"#7D5C0B\",\n \"#403607\",\n ],\n orange: [\n \"#FDF7F0\",\n \"#FCEAD8\",\n \"#F6CD97\",\n \"#F3B865\",\n \"#EF9F3B\",\n \"#EB8117\",\n \"#C66313\",\n \"#9C490E\",\n \"#6B330A\",\n \"#3B2006\",\n ],\n red: [\n \"#FDF2F2\",\n \"#FBDDDE\",\n \"#F4B1B2\",\n \"#F0868A\",\n \"#EA5C61\",\n \"#E5393D\",\n \"#C12C30\",\n \"#962123\",\n \"#671719\",\n \"#3A0F10\",\n ],\n gray: [\n \"#f5f5f5\",\n \"#E6E6E6\",\n \"#D9D9D9\",\n \"#CCCCCC\",\n \"#B3B3B3\",\n \"#999999\",\n \"#808080\",\n \"#666666\",\n \"#4D4D4D\",\n \"#333333\",\n ],\n },\n primaryShade: { light: 6, dark: 5 },\n primaryColor: \"green\",\n autoContrast: false,\n luminanceThreshold: 0.3,\n fontFamily: \"Roboto\",\n fontFamilyMonospace:\n \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace\",\n respectReducedMotion: false,\n cursorType: \"default\",\n defaultGradient: {\n from: \"blue\",\n to: \"cyan\",\n deg: 45,\n },\n defaultRadius: \"sm\",\n activeClassName: \"mantine-active\",\n focusClassName: \"mantine-focus\",\n headings: {\n fontFamily: \"Roboto\",\n fontWeight: \"500\",\n textWrap: \"wrap\",\n sizes: {\n h1: {\n fontSize: \"calc(1.5rem * var(--mantine-scale))\", // 24px\n lineHeight: \"2rem\",\n },\n h2: {\n fontSize: \"calc(1.2rem * var(--mantine-scale))\", // 20px\n lineHeight: \"1.75rem\",\n },\n h3: {\n fontSize: \"calc(1rem * var(--mantine-scale))\", // 16px\n lineHeight: \"1.5rem\",\n },\n h4: {\n fontSize: \"calc(0.875rem * var(--mantine-scale))\", // 14px\n lineHeight: \"1.25rem\",\n },\n h5: {\n fontSize: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n lineHeight: \"1.25rem\",\n },\n h6: {\n fontSize: \"calc(0.625rem * var(--mantine-scale))\", // 10px\n lineHeight: \"1rem\",\n },\n },\n },\n fontSizes: {\n xs: \"calc(0.625rem * var(--mantine-scale))\", // 10px\n sm: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n md: \"calc(0.875rem * var(--mantine-scale))\", // 14px\n lg: \"calc(1rem * var(--mantine-scale))\", // 16px\n xl: \"calc(1.2rem * var(--mantine-scale))\", // 20px\n },\n lineHeights: {\n xs: \"1.4\",\n sm: \"1.45\",\n md: \"1.55\",\n lg: \"1.6\",\n xl: \"1.65\",\n },\n radius: {\n xs: \"calc(0.125rem * var(--mantine-scale))\", // 2px\n sm: \"calc(0.25rem * var(--mantine-scale))\", // 4px (default)\n md: \"calc(0.5rem * var(--mantine-scale))\", // 8px\n lg: \"calc(1rem * var(--mantine-scale))\", // 16px\n xl: \"calc(2rem * var(--mantine-scale))\", // 32px\n },\n spacing: {\n xxs: \"calc(0.25rem * var(--mantine-scale))\", // 4px\n xs: \"calc(0.5rem * var(--mantine-scale))\", // 8px\n sm: \"calc(0.75rem * var(--mantine-scale))\", // 12px\n md: \"calc(1rem * var(--mantine-scale))\", // 16px\n lg: \"calc(1.5rem * var(--mantine-scale))\", // 24px\n xl: \"calc(2rem * var(--mantine-scale))\", // 32px\n },\n breakpoints: {\n xs: \"36em\",\n sm: \"48em\",\n md: \"62em\",\n lg: \"75em\",\n xl: \"88em\",\n },\n shadows: {\n 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)\",\n 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))\",\n md: 'md: \"0px 0px 2px rgba(23, 23, 23, 0.04), 0px 4px 8px rgba(77, 77, 77, 0.16)\",',\n 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))\",\n 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))\",\n },\n other: {\n iconSizes: ICON_SIZES,\n zIndexLayers: Z_INDEX_LAYER,\n },\n})\n\nexport const theme = mergeMantineTheme(DEFAULT_THEME, themeOverride)\nexport * from \"./conventions\"\n"],"names":["EThemeColors","theme","themeOverride","createTheme","scale","fontSmoothing","focusRing","white","black","colors","green","blue","yellow","orange","red","gray","primaryShade","light","dark","primaryColor","autoContrast","luminanceThreshold","fontFamily","fontFamilyMonospace","respectReducedMotion","cursorType","defaultGradient","from","to","deg","defaultRadius","activeClassName","focusClassName","headings","fontWeight","textWrap","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","xs","sm","md","lg","xl","lineHeights","radius","spacing","xxs","breakpoints","shadows","other","iconSizes","ICON_SIZES","zIndexLayers","Z_INDEX_LAYER","mergeMantineTheme","DEFAULT_THEME"],"mappings":"mPAOYA,sBAAAA,kBA4LCC,eAAAA,iDA/L6B,8CACoB,iPAEvD,IAAA,AAAKD,mCAAAA,mTAAAA,kBAWZ,MAAME,cAAgBC,GAAAA,iBAAW,EAAC,CAChCC,MAAO,EACPC,cAAe,KACfC,UAAW,OACXC,MAAO,UACPC,MAAO,UACPC,OAAQ,CACNC,MAAO,CACL,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,KAAM,CACJ,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,OAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,OAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,IAAK,CACH,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CACDC,KAAM,CACJ,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACD,AACH,EACAC,aAAc,CAAEC,MAAO,EAAGC,KAAM,CAAE,EAClCC,aAAc,QACdC,aAAc,MACdC,mBAAoB,GACpBC,WAAY,SACZC,oBACE,iGACFC,qBAAsB,MACtBC,WAAY,UACZC,gBAAiB,CACfC,KAAM,OACNC,GAAI,OACJC,IAAK,EACP,EACAC,cAAe,KACfC,gBAAiB,iBACjBC,eAAgB,gBAChBC,SAAU,CACRX,WAAY,SACZY,WAAY,MACZC,SAAU,OACVC,MAAO,CACLC,GAAI,CACFC,SAAU,sCACVC,WAAY,MACd,EACAC,GAAI,CACFF,SAAU,sCACVC,WAAY,SACd,EACAE,GAAI,CACFH,SAAU,oCACVC,WAAY,QACd,EACAG,GAAI,CACFJ,SAAU,wCACVC,WAAY,SACd,EACAI,GAAI,CACFL,SAAU,uCACVC,WAAY,SACd,EACAK,GAAI,CACFN,SAAU,wCACVC,WAAY,MACd,CACF,CACF,EACAM,UAAW,CACTC,GAAI,wCACJC,GAAI,uCACJC,GAAI,wCACJC,GAAI,oCACJC,GAAI,qCACN,EACAC,YAAa,CACXL,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,MACJC,GAAI,MACN,EACAE,OAAQ,CACNN,GAAI,wCACJC,GAAI,uCACJC,GAAI,sCACJC,GAAI,oCACJC,GAAI,mCACN,EACAG,QAAS,CACPC,IAAK,uCACLR,GAAI,sCACJC,GAAI,uCACJC,GAAI,oCACJC,GAAI,sCACJC,GAAI,mCACN,EACAK,YAAa,CACXT,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,MACN,EACAM,QAAS,CACPV,GAAI,yMACJC,GAAI,+XACJC,GAAI,gFACJC,GAAI,0XACJC,GAAI,2XACN,EACAO,MAAO,CACLC,UAAWC,uBAAU,CACrBC,aAAcC,0BAAa,AAC7B,CACF,GAEO,MAAM5D,MAAQ6D,GAAAA,uBAAiB,EAACC,mBAAa,CAAE7D"}
|
|
@@ -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
|
-
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{FilterInputWrapper}from"../../../utils/FilterSelect";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import Select from"react-select";export const AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=useFilterTerm(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=useState();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";if(!attribute||!operator||!controlType)return null;const options=values===null||values===void 0?void 0:values.map(v=>({label:v,value:v}));return _jsx(FilterInputWrapper,{children:_jsx(Select,{onChange:e=>{const val=Array.isArray(e)?e.map(x=>x.value):(e===null||e===void 0?void 0:e.value)||"";handleValueChange(val,true)},menuIsOpen:true,placeholder:null,autoFocus:true,onInputChange:setTypedValue,options:options,onKeyDown:e=>{if(e.key==="Enter"&&typedValue){e.preventDefault();e.stopPropagation();handleValueChange(typedValue,true)}else{onKeyDown(e)}},styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[
|
|
1
|
+
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{FilterInputWrapper}from"../../../utils/FilterSelect";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import Select from"react-select";export const AutocompleteSelect=({termId,values,controlType,onKeyDown})=>{const{handleValueChange,term}=useFilterTerm(termId);if(!term)return null;const{attribute,operator}=term;const[typedValue,setTypedValue]=useState();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";if(!attribute||!operator||!controlType)return null;const options=values===null||values===void 0?void 0:values.map(v=>({label:v,value:v}));return _jsx(FilterInputWrapper,{children:_jsx(Select,{onChange:e=>{const val=Array.isArray(e)?e.map(x=>x.value):(e===null||e===void 0?void 0:e.value)||"";handleValueChange(val,true)},menuIsOpen:true,placeholder:null,autoFocus:true,onInputChange:setTypedValue,options:options,onKeyDown:e=>{if(e.key==="Enter"&&typedValue){e.preventDefault();e.stopPropagation();handleValueChange(typedValue,true)}else{onKeyDown(e)}},styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[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":["useState","useFilterTerm","FilterInputWrapper","useMantineColorScheme","useMantineTheme","Select","AutocompleteSelect","termId","values","controlType","onKeyDown","handleValueChange","term","attribute","operator","typedValue","setTypedValue","theme","colorScheme","isDarkScheme","options","map","v","label","value","onChange","e","val","Array","isArray","x","menuIsOpen","placeholder","autoFocus","onInputChange","key","preventDefault","stopPropagation","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","wordBreak","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","border","menuPortal","zIndex","hideSelectedOptions","noOptionsMessage","components","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as _jsx}from"react/jsx-runtime";import{FilterSelect}from"../../../utils/FilterSelect";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{useState}from"react";import{appendValueToCurrentValueArray}from"../../../utils";import{useHandleKeyPress}from"./useHandleKeyPress";export const Input=props=>{const{handleValueChange,term}=useFilterTerm(props.termId);if(!term)return null;const{attribute,operator,value}=term;const handleKeyPress=useHandleKeyPress(term.id,props.onKeyDown);if(!attribute||!operator||!props.controlType||!handleKeyPress)return null;const[values,setValues]=useState(value||[]);return _jsx(FilterSelect,{creatable:true,menuIsOpen:false,value:values,multiple:attribute===null||attribute===void 0?void 0:attribute.multiSelect,onChange:val=>{if(Array.isArray(val)){if(!val.length&&!values.length)return;
|
|
1
|
+
import{jsx as _jsx}from"react/jsx-runtime";import{FilterSelect}from"../../../utils/FilterSelect";import{useFilterTerm}from"../../../utils/hooks/useFilter";import{useState}from"react";import{appendValueToCurrentValueArray}from"../../../utils";import{useHandleKeyPress}from"./useHandleKeyPress";export const MAX_INPUT_LENGTH=1e3;export const Input=props=>{const{handleValueChange,term}=useFilterTerm(props.termId);if(!term)return null;const{attribute,operator,value}=term;const handleKeyPress=useHandleKeyPress(term.id,props.onKeyDown);if(!attribute||!operator||!props.controlType||!handleKeyPress)return null;const[values,setValues]=useState(value||[]);return _jsx(FilterSelect,{creatable:true,menuIsOpen:false,value:values,multiple:attribute===null||attribute===void 0?void 0:attribute.multiSelect,onChange:val=>{if(Array.isArray(val)){if(!val.length&&!values.length)return;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(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=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":["FilterSelect","useFilterTerm","useState","appendValueToCurrentValueArray","useHandleKeyPress","MAX_INPUT_LENGTH","Input","props","handleValueChange","term","termId","attribute","operator","value","handleKeyPress","id","onKeyDown","controlType","values","setValues","creatable","menuIsOpen","multiple","multiSelect","onChange","val","Array","isArray","length","cleaned","filter","v","match","map","raw","slice","s","preparedValue","e","onBlur","stopPropagation"],"mappings":"0CAIA,QAASA,YAAY,KAAQ,6BAA6B,AAE1D,QAASC,aAAa,KAAQ,gCAAgC,AAC9D,QAASC,QAAQ,KAAQ,OAAO,AAChC,QAASC,8BAA8B,KAAQ,gBAAgB,AAC/D,QAASC,iBAAiB,KAAQ,qBAAqB,AAGvD,QAAO,MAAMC,iBAAmB,GAAI,AAEpC,QAAO,MAAMC,MAAoC,AAACC,QAChD,KAAM,CAAEC,iBAAiB,CAAEC,IAAI,CAAE,CAAGR,cAAcM,MAAMG,MAAM,EAE9D,GAAI,CAACD,KAAM,OAAO,KAClB,KAAM,CAAEE,SAAS,CAAEC,QAAQ,CAAEC,KAAK,CAAE,CAAGJ,KACvC,MAAMK,eAAiBV,kBAAkBK,KAAKM,EAAE,CAAER,MAAMS,SAAS,EAEjE,GAAI,CAACL,WAAa,CAACC,UAAY,CAACL,MAAMU,WAAW,EAAI,CAACH,eAAgB,OAAO,KAG7E,KAAM,CAACI,OAAQC,UAAU,CAAGjB,SAA0CW,OAAS,EAAE,EAEjF,OACE,KAACb,cACCoB,UAAW,KACXC,WAAY,MACZR,MAAOK,OACPI,QAAQ,CAAEX,kBAAAA,0BAAAA,UAAWY,WAAW,CAChCC,SAAU,AAACC,MACT,GAAIC,MAAMC,OAAO,CAACF,KAAM,CACtB,GAAI,CAACA,IAAIG,MAAM,EAAI,CAAC,AAACV,OAAcU,MAAM,CAAE,OAG3C,MAAMC,QAAUJ,IACbK,MAAM,CAAC,AAACC,GAAM,CAACA,EAAElB,KAAK,CAACmB,KAAK,EAAI,CAACD,EAAElB,KAAK,CAACmB,KAAK,CAAC,UAC/CC,GAAG,CAAC,AAACF,IACJ,MAAMG,IAAMH,EAAElB,KAAK,CACnB,GAAI,OAAOqB,MAAQ,SACjB,OAAOA,IAAIN,MAAM,CAAGvB,iBAAmB6B,IAAIC,KAAK,CAAC,EAAG9B,kBAAoB6B,IAC1E,OAAOA,GACT,GACCJ,MAAM,CAAC,AAACM,GAAM,OAAOA,IAAM,UAE9B,GAAI,CAACP,QAAQD,MAAM,EAAI,CAAC,AAACV,OAAcU,MAAM,CAAE,OAE/CT,UAAUhB,+BAA+BI,MAAMU,WAAW,CAAEY,SAC9D,KAAO,CAEL,GAAI,CAACJ,KAAO,AAACA,IAA0BZ,KAAK,CAACmB,KAAK,CAAC,SAAU,OAG7D,IAAIE,IAAM,AAACT,IAA0BZ,KAAK,CAC1C,GAAIqB,IAAIN,MAAM,CAAGvB,iBAAkB6B,IAAMA,IAAIC,KAAK,CAAC,EAAG9B,kBAEtD,MAAMgC,cAAgBlC,+BAA+BI,MAAMU,WAAW,CAAEiB,KAExE1B,kBAAkB6B,cAAe,KACnC,CACF,EACArB,UAAW,AAACsB,GAAMxB,eAAewB,EAAGpB,QACpCqB,OAAQ,AAACD,IACPA,EAAEE,eAAe,GACjBhC,kBAAkBkB,MAAMC,OAAO,CAACT,SAAWA,CAAAA,eAAAA,uBAAAA,OAAQU,MAAM,EAAG,EAAIV,OAAS,KAC3E,GAGN,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as _jsx}from"react/jsx-runtime";import classes from"./FilterBadge.module.css";import{cx}from"../../../helper/cx";const FilterBadge=({onClick,className,color,border,borderRadius,bgColor,children})=>{return _jsx("span",{"data-testid":"filter-term-badge",className:cx(classes.container,className),style:{borderRadius:borderRadius||"100px",border:border||"none",backgroundColor:bgColor||"var(--
|
|
1
|
+
import{jsx as _jsx}from"react/jsx-runtime";import classes from"./FilterBadge.module.css";import{cx}from"../../../helper/cx";const FilterBadge=({onClick,className,color,border,borderRadius,bgColor,children})=>{return _jsx("span",{"data-testid":"filter-term-badge",className:cx(classes.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})};export{FilterBadge};
|
|
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":["classes","cx","FilterBadge","onClick","className","color","border","borderRadius","bgColor","children","span","data-testid","container","style","backgroundColor"],"mappings":"0CAKA,QAAOA,YAAa,0BAA0B,AAC9C,QAASC,EAAE,KAAQ,oBAAoB,CAUvC,MAAMC,YAAwD,CAAC,CAC7DC,OAAO,CACPC,SAAS,CACTC,KAAK,CACLC,MAAM,CACNC,YAAY,CACZC,OAAO,CACPC,QAAQ,CACT,IACC,OACE,KAACC,QACCC,cAAa,oBACbP,UAAWH,GAAGD,QAAQY,SAAS,CAAER,WACjCS,MAAO,CACLN,aAAcA,cAAgB,QAC9BD,OAAQA,QAAU,OAClBQ,gBAAiBN,SAAW,0BAC5BH,MAAOA,OAAS,4BAClB,EACAF,QAASA,iBAERM,UAGP,CAEA,QAASP,WAAW,CAAE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import{components}from"react-select";import React from"react";import{Select}from"./Select";import{useFilter}from"./hooks/useFilter";import{useTranslation}from"react-i18next";import{TextWithTooltip}from"../../TextWithTooltip";import classes from"./FilterSelect.module.css";import{Z_INDEX_LAYER}from"../../../theme";export const FilterInputWrapper=({children})=>{return _jsx("div",{className:classes.container,"data-testid":"filter-select-container",onClick:e=>{e.stopPropagation()},children:children})};const MultiValueLabelWithTranslation=props=>{const{t}=useTranslation();const toRender=typeof props.children==="string"?_jsx(TextWithTooltip,{typoType:"body",text:t(props.children)}):props.children;return _jsx(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=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{portalTargetRef}=useFilter();return _jsx(FilterInputWrapper,{children:_jsx(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
|
+
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import{components}from"react-select";import React from"react";import{Select}from"./Select";import{useFilter}from"./hooks/useFilter";import{useTranslation}from"react-i18next";import{TextWithTooltip}from"../../TextWithTooltip";import classes from"./FilterSelect.module.css";import{Z_INDEX_LAYER}from"../../../theme";export const FilterInputWrapper=({children})=>{return _jsx("div",{className:classes.container,"data-testid":"filter-select-container",onClick:e=>{e.stopPropagation()},children:children})};const MultiValueLabelWithTranslation=props=>{const{t}=useTranslation();const toRender=typeof props.children==="string"?_jsx(TextWithTooltip,{typoType:"body",text:t(props.children)}):props.children;return _jsx(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=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{portalTargetRef}=useFilter();return _jsx(FilterInputWrapper,{children:_jsx(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:Z_INDEX_LAYER.GROUND.HIGHEST})},options:options,creatable:creatable,hideSelectedOptions:true,noOptionsMessage:()=>null,isClearable:true,components:{DropdownIndicator:()=>null,IndicatorSeparator:()=>null,MultiValueLabel:withTranslation?MultiValueLabelWithTranslation:components.MultiValueLabel}}))})};export{FilterSelect};
|
|
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":["useMantineColorScheme","useMantineTheme","components","React","Select","useFilter","useTranslation","TextWithTooltip","classes","Z_INDEX_LAYER","FilterInputWrapper","children","div","className","container","data-testid","onClick","e","stopPropagation","MultiValueLabelWithTranslation","props","t","toRender","typoType","text","MultiValueLabel","FilterSelect","creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options","theme","colorScheme","isDarkScheme","portalTargetRef","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","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":["useMantineColorScheme","useMantineTheme","components","React","Select","useFilter","useTranslation","TextWithTooltip","classes","Z_INDEX_LAYER","FilterInputWrapper","children","div","className","container","data-testid","onClick","e","stopPropagation","MultiValueLabelWithTranslation","props","t","toRender","typoType","text","MultiValueLabel","FilterSelect","creatable","onBlur","onChange","onKeyDown","multiple","withTranslation","value","options","theme","colorScheme","isDarkScheme","portalTargetRef","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","GROUND","HIGHEST","hideSelectedOptions","noOptionsMessage","isClearable","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import{useFilter}from"./hooks/useFilter";import{FilterBadge}from"./FilterBadge";import{capitalize}from"./libs";import{useTranslation}from"react-i18next";import classes from"./Match.module.css";import{Typo}from"../../Typo";export const Match=({readonly}={readonly:false})=>{const{state,updateMatch}=useFilter();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{t}=useTranslation();const handleClick=e=>{e.stopPropagation();updateMatch(state.match==="ANY"?"ALL":"ANY")};return _jsxs("div",{className:classes.actions,onClick:handleClick,"data-testid":"filter-match-container",children:[_jsx(Typo,{className:classes.match,type:"body",children:t("Match")}),_jsx(FilterBadge,{className:classes["match-badge"],bgColor:isDarkScheme?theme.colors.green[
|
|
1
|
+
import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import{useFilter}from"./hooks/useFilter";import{FilterBadge}from"./FilterBadge";import{capitalize}from"./libs";import{useTranslation}from"react-i18next";import classes from"./Match.module.css";import{Typo}from"../../Typo";export const Match=({readonly}={readonly:false})=>{const{state,updateMatch}=useFilter();const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{t}=useTranslation();const handleClick=e=>{e.stopPropagation();updateMatch(state.match==="ANY"?"ALL":"ANY")};return _jsxs("div",{className:classes.actions,onClick:handleClick,"data-testid":"filter-match-container",children:[_jsx(Typo,{className:classes.match,type:"body",children:t("Match")}),_jsx(FilterBadge,{className:classes["match-badge"],bgColor:isDarkScheme?theme.colors.green[6]:theme.colors.green[1],color:readonly?"var(--filter-readonly-color)":"black",borderRadius:"2px",children:t(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":["useMantineColorScheme","useMantineTheme","useFilter","FilterBadge","capitalize","useTranslation","classes","Typo","Match","readonly","state","updateMatch","theme","colorScheme","isDarkScheme","t","handleClick","e","stopPropagation","match","div","className","actions","onClick","data-testid","type","bgColor","colors","green","color","borderRadius","toLocaleLowerCase"],"mappings":"wDAIA,QAASA,qBAAqB,CAAEC,eAAe,KAAQ,eAAe,AACtE,QAASC,SAAS,KAAQ,mBAAmB,AAC7C,QAASC,WAAW,KAAQ,eAAe,AAE3C,QAASC,UAAU,KAAQ,QAAQ,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,oBAAoB,AACxC,QAASC,IAAI,KAAQ,YAAY,AAMjC,QAAO,MAAMC,MAAQ,CAAC,CAAEC,QAAQ,CAA0B,CAAG,CAAEA,SAAU,KAAM,CAAC,IAC9E,KAAM,CAAEC,KAAK,CAAEC,WAAW,CAAE,CAAGT,YAC/B,MAAMU,MAAQX,kBACd,KAAM,CAAEY,WAAW,CAAE,CAAGb,wBACxB,MAAMc,aAAeD,cAAgB,OACrC,KAAM,CAAEE,CAAC,CAAE,CAAGV,iBAEd,MAAMW,YAAiD,AAACC,IACtDA,EAAEC,eAAe,GACjBP,YAAYD,MAAMS,KAAK,GAAK,MAAQ,MAAQ,MAC9C,EAEA,OACE,MAACC,OAAIC,UAAWf,QAAQgB,OAAO,CAAEC,QAASP,YAAaQ,cAAa,mCAClE,KAACjB,MAAKc,UAAWf,QAAQa,KAAK,CAAEM,KAAM,gBACnCV,EAAE,WAGL,KAACZ,aACCkB,UAAWf,OAAO,CAAC,cAAc,CACjCoB,QAASZ,aAAeF,MAAMe,MAAM,CAACC,KAAK,CAAC,EAAE,CAAGhB,MAAMe,MAAM,CAACC,KAAK,CAAC,EAAE,CACrEC,MAAOpB,SAAW,+BAAiC,QACnDqB,aAAa,eAEZf,EAAEX,WAAWM,MAAMS,KAAK,CAACY,iBAAiB,SAInD,CAAC"}
|
|
@@ -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
|
-
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import React from"react";import Creatable from"react-select/creatable";import classes from"./CreatableSelect.module.css";export 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=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";return _jsx("div",{className:className,children:_jsx(Creatable,_object_spread({ref:props.inputRef,className:classes.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
|
+
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import React from"react";import Creatable from"react-select/creatable";import classes from"./CreatableSelect.module.css";export 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=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";return _jsx("div",{className:className,children:_jsx(Creatable,_object_spread({ref:props.inputRef,className:classes.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":["useMantineColorScheme","useMantineTheme","React","Creatable","classes","CreatableSelect","onBlur","onChange","onKeyDown","multiple","value","options","className","components","props","theme","colorScheme","isDarkScheme","div","ref","inputRef","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
|
-
import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Table,useMantineTheme}from"@mantine/core";import{ArrowDown,ArrowUp,ArrowUpDown}from"lucide-react";import{Typo}from"../../Typo";import{memo}from"react";import classes from"./TableHead.module.css";import{cx}from"../../../helper/cx";const SortAppendix=
|
|
1
|
+
import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Table,useMantineTheme}from"@mantine/core";import{ArrowDown,ArrowUp,ArrowUpDown}from"lucide-react";import{Typo}from"../../Typo";import{memo}from"react";import classes from"./TableHead.module.css";import{cx}from"../../../helper/cx";const SortAppendix=col=>{return col.meta.sorting.direction==="asc"?_jsx(ArrowUp,{"data-testid":"table-sort-arrow-up",color:"var(--color-ci-primary)",size:18}):_jsx(ArrowDown,{"data-testid":"table-sort-arrow-down",color:"var(--color-ci-primary)",size:18})};function TableHeadRaw({head}){const theme=useMantineTheme();return _jsx(Table.Thead,{className:classes.thead,children:_jsx(Table.Tr,{children:head.columns.map(col=>{const isSortable=col.meta.sorting.isSortable;return _jsx(Table.Th,{onClick:()=>{col.meta.sorting.isSortable&&col.actions.autoSort();col.actions.selectAll()},children:_jsxs("span",{className:cx(classes["header-container"],isSortable?classes.sortable:""),children:[_jsx(Typo,{span:true,type:"heading4",children:col.label}),col.meta.sorting.isSorted?SortAppendix(col):isSortable?_jsx(ArrowUpDown,{color:theme.colors.gray[5],"data-testid":"table-sort-arrow-up-down",size:18}):""]})},col.id)})})})}const TableHead=memo(TableHeadRaw);export{TableHead};
|
|
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":["Table","useMantineTheme","ArrowDown","ArrowUp","ArrowUpDown","Typo","memo","classes","cx","SortAppendix","col","meta","sorting","direction","data-testid","color","size","TableHeadRaw","head","theme","Thead","className","thead","Tr","columns","map","isSortable","Th","onClick","actions","autoSort","selectAll","span","sortable","type","label","isSorted","colors","gray","id","TableHead"],"mappings":"wDAIA,QAASA,KAAK,CAAEC,eAAe,KAAQ,eAAe,AAEtD,QAASC,SAAS,CAAEC,OAAO,CAAEC,WAAW,KAAQ,cAAc,AAC9D,QAASC,IAAI,KAAQ,YAAY,AACjC,QAASC,IAAI,KAAQ,OAAO,AAC5B,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,EAAE,KAAQ,oBAAoB,CAIvC,MAAMC,aAAe,AAACC,MACpB,OAAOA,IAAIC,IAAI,CAACC,OAAO,CAACC,SAAS,GAAK,MACpC,KAACV,SAAQW,cAAa,sBAAuBC,MAAO,0BAA2BC,KAAM,KAErF,KAACd,WAAUY,cAAa,wBAAyBC,MAAO,0BAA2BC,KAAM,IAE7F,EAEA,SAASC,aAAwB,CAAEC,IAAI,CAAyB,EAC9D,MAAMC,MAAQlB,kBAEd,OACE,KAACD,MAAMoB,KAAK,EAACC,UAAWd,QAAQe,KAAK,UACnC,KAACtB,MAAMuB,EAAE,WACNL,KAAKM,OAAO,CAACC,GAAG,CAAC,AAACf,MACjB,MAAMgB,WAAahB,IAAIC,IAAI,CAACC,OAAO,CAACc,UAAU,CAC9C,OACE,KAAC1B,MAAM2B,EAAE,EAEPC,QAAS,KACPlB,IAAIC,IAAI,CAACC,OAAO,CAACc,UAAU,EAAIhB,IAAImB,OAAO,CAACC,QAAQ,GACnDpB,IAAImB,OAAO,CAACE,SAAS,EACvB,WAEA,MAACC,QAAKX,UAAWb,GAAGD,OAAO,CAAC,mBAAmB,CAAEmB,WAAanB,QAAQ0B,QAAQ,CAAG,cAC/E,KAAC5B,MAAK2B,IAAI,MAACE,KAAK,oBACbxB,IAAIyB,KAAK,GAEXzB,IAAIC,IAAI,CAACC,OAAO,CAACwB,QAAQ,CACxB3B,aAAaC,KACXgB,WACF,KAACtB,aACCW,MAAOI,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE,CAC3BxB,cAAa,2BACbE,KAAM,KAGR,OAnBCN,IAAI6B,EAAE,CAwBjB,MAIR,CAEA,MAAMC,UAAYlC,KAAKW,aAEvB,QAASuB,SAAS,CAAE"}
|
|
@@ -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)}
|