@devtron-labs/devtron-fe-common-lib 0.0.40-beta-10 → 0.0.40-beta-11

package/dist/Common/DebouncedSearch/DebouncedSearch.d.ts

@@ -12,4 +12,4 @@ import { DebouncedSearchProps } from './Types';
  * @param clearSearch - (Optional) To clear the search text
  * @param showClearIcon - (Optional) To show the clear icon default value is true
  */
-export default function DebouncedSearch({ onSearch, Icon, children, placeholder, containerClass, iconClass, inputClass, debounceTimeout, clearSearch, showClearIcon, }: DebouncedSearchProps): JSX.Element;
+export default function DebouncedSearch({ onSearch, Icon, children, placeholder, containerClass, iconClass, inputClass, debounceTimeout, clearSearch, showClearIcon, autoFocus, }: DebouncedSearchProps): JSX.Element;

package/dist/Common/DebouncedSearch/Types.d.ts

@@ -10,4 +10,5 @@ export interface DebouncedSearchProps {
     debounceTimeout?: number;
     clearSearch?: boolean;
     showClearIcon?: boolean;
+    autoFocus?: boolean;
 }

package/dist/Common/Types.d.ts

@@ -231,9 +231,6 @@ export interface CDMaterialType {
     imageReleaseTags?: ReleaseTag[];
     artifactStatus?: string;
     filterState: FilterStates;
-    registryType?: string;
-    imagePath?: string;
-    registryName?: string;
     scanToolId?: number;
     appliedFiltersTimestamp?: string;
     appliedFilters?: FilterConditionsListType[];
@@ -284,6 +281,7 @@ export interface CommonNodeAttr {
     colorCode?: string;
     isExternalCI?: boolean;
     isLinkedCI?: boolean;
+    isLinkedCD?: boolean;
     isJobCI?: boolean;
     environmentName?: string;
     environmentId?: number;

package/dist/index.js

@@ -22740,7 +22740,7 @@ var cdMaterialListModal = function (artifacts, offset, artifactId, artifactStatu
     var startIndex = offset;
     var isImageMarked = false;
     var materials = artifacts.map(function (material, index) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f;
         var artifactStatusValue = '';
         var filterState = (_a = material.filterState) !== null && _a !== void 0 ? _a : exports.FilterStates.ALLOWED;
         if (artifactId && artifactStatus && material.id === artifactId) {
@@ -22806,9 +22806,6 @@ var cdMaterialListModal = function (artifacts, offset, artifactId, artifactStatu
             appliedFiltersState: (_d = material.appliedFiltersState) !== null && _d !== void 0 ? _d : exports.FilterStates.ALLOWED,
             createdTime: (_e = material.createdTime) !== null && _e !== void 0 ? _e : '',
             dataSource: (_f = material.data_source) !== null && _f !== void 0 ? _f : '',
-            registryType: (_g = material.registryType) !== null && _g !== void 0 ? _g : '',
-            imagePath: (_h = material.image) !== null && _h !== void 0 ? _h : '',
-            registryName: (_j = material.registryName) !== null && _j !== void 0 ? _j : '',
         };
     });
     return materials;
@@ -23638,8 +23635,8 @@ var SvgIcErrorCross = function SvgIcErrorCross(props) {
  * @param showClearIcon - (Optional) To show the clear icon default value is true
  */
 function DebouncedSearch(_a) {
-    var onSearch = _a.onSearch, Icon = _a.Icon, children = _a.children, placeholder = _a.placeholder, _b = _a.containerClass, containerClass = _b === void 0 ? '' : _b, _c = _a.iconClass, iconClass = _c === void 0 ? '' : _c, _d = _a.inputClass, inputClass = _d === void 0 ? '' : _d, _e = _a.debounceTimeout, debounceTimeout = _e === void 0 ? 500 : _e, clearSearch = _a.clearSearch, _f = _a.showClearIcon, showClearIcon = _f === void 0 ? true : _f;
-    var _g = __read(React.useState(''), 2), searchText = _g[0], setSearchText = _g[1];
+    var onSearch = _a.onSearch, Icon = _a.Icon, children = _a.children, placeholder = _a.placeholder, _b = _a.containerClass, containerClass = _b === void 0 ? '' : _b, _c = _a.iconClass, iconClass = _c === void 0 ? '' : _c, _d = _a.inputClass, inputClass = _d === void 0 ? '' : _d, _e = _a.debounceTimeout, debounceTimeout = _e === void 0 ? 500 : _e, clearSearch = _a.clearSearch, _f = _a.showClearIcon, showClearIcon = _f === void 0 ? true : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? true : _g;
+    var _h = __read(React.useState(''), 2), searchText = _h[0], setSearchText = _h[1];
     React.useEffect(function () {
         setSearchText('');
     }, [clearSearch]);
@@ -23649,8 +23646,8 @@ function DebouncedSearch(_a) {
     var handleClearSearch = function () {
         setSearchText('');
     };
-    useDebouncedEffect(function () { return onSearch(searchText); }, debounceTimeout, [searchText, onSearch]);
-    return (jsxRuntime.jsxs("div", __assign({ className: containerClass }, { children: [Icon && jsxRuntime.jsx(Icon, { className: iconClass }), jsxRuntime.jsx("input", { type: "text", className: inputClass, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search', value: searchText, onChange: handleSearchTextChange, autoFocus: true, "data-testid": "debounced-search" }), showClearIcon && !!searchText && (jsxRuntime.jsx("button", __assign({ type: "button", className: "dc__outline-none-imp dc__no-border p-0 bc-n50 flex", onClick: handleClearSearch, "data-testid": "clear-search" }, { children: jsxRuntime.jsx(SvgIcErrorCross, { className: "icon-dim-20 icon-n6" }) }))), children] })));
+    useDebouncedEffect(function () { return onSearch(searchText); }, debounceTimeout, [searchText]);
+    return (jsxRuntime.jsxs("div", __assign({ className: containerClass }, { children: [Icon && jsxRuntime.jsx(Icon, { className: iconClass }), jsxRuntime.jsx("input", { type: "text", className: inputClass, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search', value: searchText, onChange: handleSearchTextChange, autoFocus: autoFocus, "data-testid": "debounced-search" }), showClearIcon && !!searchText && (jsxRuntime.jsx("button", __assign({ type: "button", className: "dc__outline-none-imp dc__no-border p-0 bc-n50 flex", onClick: handleClearSearch, "data-testid": "clear-search" }, { children: jsxRuntime.jsx(SvgIcErrorCross, { className: "icon-dim-20 icon-n6" }) }))), children] })));
 }
 
 // This is meant to be a reusable component that will provide a grid like dynamic layout where xs is the number of columns out of 12 that the item will take up

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.40-beta-10",
+    "version": "0.0.40-beta-11",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Common.service.ts

@@ -162,9 +162,6 @@ const cdMaterialListModal = (artifacts: any[], offset: number, artifactId?: numb
             appliedFiltersState: material.appliedFiltersState ?? FilterStates.ALLOWED,
             createdTime: material.createdTime ?? '',
             dataSource: material.data_source ?? '',
-            registryType: material.registryType ?? '',
-            imagePath: material.image ?? '',
-            registryName: material.registryName ?? '',
         }
     })
     return materials

package/src/Common/DebouncedSearch/DebouncedSearch.tsx

@@ -26,6 +26,7 @@ export default function DebouncedSearch({
     debounceTimeout = 500,
     clearSearch,
     showClearIcon = true,
+    autoFocus = true,
 }: DebouncedSearchProps) {
     const [searchText, setSearchText] = useState<string>('')
 
@@ -41,7 +42,7 @@ export default function DebouncedSearch({
         setSearchText('')
     }
 
-    useDebouncedEffect(() => onSearch(searchText), debounceTimeout, [searchText, onSearch])
+    useDebouncedEffect(() => onSearch(searchText), debounceTimeout, [searchText])
 
     return (
         <div className={containerClass}>
@@ -53,7 +54,7 @@ export default function DebouncedSearch({
                 placeholder={placeholder ?? 'Search'}
                 value={searchText}
                 onChange={handleSearchTextChange}
-                autoFocus
+                autoFocus={autoFocus}
                 data-testid="debounced-search"
             />
 

package/src/Common/DebouncedSearch/Types.ts

@@ -9,4 +9,5 @@ export interface DebouncedSearchProps {
     debounceTimeout?: number
     clearSearch?: boolean
     showClearIcon?: boolean
+    autoFocus?: boolean
 }

package/src/Common/Types.ts

@@ -256,9 +256,6 @@ export interface CDMaterialType {
     imageReleaseTags?: ReleaseTag[]
     artifactStatus?: string
     filterState: FilterStates
-    registryType?: string;
-    imagePath?: string
-    registryName?: string
     // Not even coming from API but required in CDMaterials for Security which makes its own api call but stores data in CDMaterials
     scanToolId?: number
     appliedFiltersTimestamp?: string
@@ -315,6 +312,7 @@ export interface CommonNodeAttr {
     colorCode?: string
     isExternalCI?: boolean
     isLinkedCI?: boolean
+    isLinkedCD?: boolean
     isJobCI?: boolean // used for Job type CI in Devtron Apps
     environmentName?: string //used for CDs
     environmentId?: number