@devtron-labs/devtron-fe-common-lib 0.0.61-beta-10 → 0.0.62-beta-1

package/dist/Common/Constants.d.ts

@@ -21,7 +21,6 @@ export declare const ROUTES: {
     IMAGE_TAGGING: string;
     CD_MATERIAL_GET: string;
     DEPLOYMENT_TEMPLATE_LIST: string;
-    INFRA_CONFIG_PROFILE: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -74,3 +73,17 @@ export declare const SELECTED_APPROVAL_TAB_STATE: {
     APPROVAL: string;
     PENDING: string;
 };
+export declare enum SortingOrder {
+    /**
+     * Ascending order
+     */
+    ASC = "ASC",
+    /**
+     * Descending order
+     */
+    DESC = "DESC"
+}
+/**
+ * Base page size for pagination
+ */
+export declare const DEFAULT_BASE_PAGE_SIZE = 20;

package/dist/Common/DraggableWrapper/types.d.ts

@@ -5,7 +5,10 @@ export declare enum DraggablePositionVariant {
 }
 export interface DraggableWrapperProps {
     children: ReactNode;
-    zIndex?: number;
+    /**
+     * Support for passing the direct value or calc functions as well
+     */
+    zIndex?: number | string;
     positionVariant?: DraggablePositionVariant;
     /**
      * dragSelector (class - (append with .), id, etc) will be used to identify the grabbable button that will grab the div to drag

package/dist/Common/Hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
 export { useClickOutside } from './UseClickOutside/UseClickOutside';
 export { useWindowSize } from './UseWindowSize/UseWindowSize';
+export * from './useUrlFilters';

package/dist/Common/Hooks/useUrlFilters/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_PAGE_NUMBER = 1;
+export declare const URL_FILTER_KEYS: {
+    readonly PAGE_SIZE: "pageSize";
+    readonly PAGE_NUMBER: "pageNumber";
+    readonly SEARCH_KEY: "searchKey";
+    readonly SORT_BY: "sortBy";
+    readonly SORT_ORDER: "sortOrder";
+};

package/dist/Common/Hooks/useUrlFilters/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useUrlFilters } from './useUrlFilters';
+export type { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -0,0 +1,19 @@
+import { SortingOrder } from '../../Constants';
+export interface UseUrlFiltersProps<T> {
+    /**
+     * The key on which the sorting should be applied
+     */
+    initialSortKey?: T;
+}
+export interface UseUrlFiltersReturnType<T> {
+    pageSize: number;
+    changePage: (pageNumber: number) => void;
+    changePageSize: (pageSize: number) => void;
+    searchKey: string;
+    handleSearch: (searchKey: string) => void;
+    offset: number;
+    sortBy: T;
+    sortOrder: SortingOrder;
+    handleSorting: (sortBy: T) => void;
+    clearFilters: () => void;
+}

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -0,0 +1,20 @@
+import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
+/**
+ * Generic hook for implementing URL based filters.
+ * eg: pagination, search, sort.
+ *
+ * The exposed handlers can be consumed directly without the need for explicit state management
+ *
+ * @example Default Usage:
+ * ```tsx
+ * const { pageSize, changePage, ...rest } = useUrlFilters()
+ * ```
+ *
+ * @example Usage with custom type for sort keys and initial sort key:
+ * ```tsx
+ * const  { sortBy, sortOrder } = useUrlFilters<'email' | 'name'>({ initialSortKey: 'email' })
+ * ```
+ *
+ */
+declare const useUrlFilters: <T = string>({ initialSortKey }?: UseUrlFiltersProps<T>) => UseUrlFiltersReturnType<T>;
+export default useUrlFilters;

package/dist/Common/SortableTableHeaderCell/SortableTableHeaderCell.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SortableTableHeaderCellProps } from './types';
+/**
+ * Reusable component for the table header cell with support for sorting icons
+ *
+ * @example Usage
+ * ```tsx
+ * <SortableTableHeaderCell
+ *   isSorted={currentSortedCell === 'cell'}
+ *   triggerSorting={() => {}}
+ *   sortOrder={SortingOrder.ASC}
+ *   title="Header Cell"
+ *   disabled={isDisabled}
+ * />
+ * ```
+ */
+declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, }: SortableTableHeaderCellProps) => JSX.Element;
+export default SortableTableHeaderCell;

package/dist/Common/SortableTableHeaderCell/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SortableTableHeaderCell } from './SortableTableHeaderCell';
+export type { SortableTableHeaderCellProps } from './types';

package/dist/Common/SortableTableHeaderCell/types.d.ts

@@ -0,0 +1,25 @@
+import { SortingOrder } from '../Constants';
+export interface SortableTableHeaderCellProps {
+    /**
+     * If true, the cell is sorted
+     */
+    isSorted: boolean;
+    /**
+     * Callback for handling the sorting of the cell
+     */
+    triggerSorting: () => void;
+    /**
+     * Current sort order
+     *
+     * Note: On click, the sort order should be updated as required
+     */
+    sortOrder: SortingOrder;
+    /**
+     * Label for the cell
+     */
+    title: string;
+    /**
+     * If true, the cell is disabled
+     */
+    disabled: boolean;
+}

package/dist/Common/Types.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { Placement } from 'tippy.js';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { DockerConfigOverrideType, TaskErrorObj } from '.';
+import { DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -689,4 +689,16 @@ export interface EdgeNodeType {
 export interface EdgeEndNodeType extends EdgeNodeType {
     userApprovalConfig?: UserApprovalConfigType;
 }
+/**
+ * Search params for sorting configuration
+ *
+ * Note: Either both sortOrder and sortBy are required or none
+ */
+export type SortingParams<T = string> = {
+    sortOrder: SortingOrder;
+    sortBy: T;
+} | {
+    sortOrder?: never;
+    sortBy?: never;
+};
 export {};

package/dist/Common/index.d.ts

@@ -27,6 +27,7 @@ export * from './Checkbox';
 export { default as EmptyState } from './EmptyState/EmptyState';
 export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
 export * from './SearchBar';
+export * from './SortableTableHeaderCell';
 export { default as Toggle } from './Toggle/Toggle';
 export { default as ScanVulnerabilitiesTable } from './Security/ScanVulnerabilitiesTable';
 export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';

package/dist/Pages/GlobalConfigurations/Authorization/constants.d.ts

@@ -0,0 +1,15 @@
+/**
+ * User Status received from the API
+ */
+export declare enum UserStatusDto {
+    active = "active",
+    inactive = "inactive"
+}
+/**
+ * User status for the frontend
+ */
+export declare enum UserStatus {
+    active = "active",
+    inactive = "inactive",
+    temporary = "temporaryAccess"
+}

package/dist/Pages/GlobalConfigurations/Authorization/index.d.ts

@@ -0,0 +1 @@
+export * from './constants';

package/dist/Pages/GlobalConfigurations/index.d.ts

@@ -1 +1 @@
-export * from './BuildInfra';
+export * from './Authorization';

package/dist/Shared/Components/BulkSelection/constants.d.ts

@@ -7,4 +7,3 @@ export declare const BulkSelectionOptionsLabels: {
 export declare const SELECT_ALL_ACROSS_PAGES_LOCATOR: "*";
 export declare const getInvalidActionMessage: (action: string) => string;
 export declare const BULK_SELECTION_CONTEXT_ERROR = "useBulkSelection must be used within BulkSelectionContext";
-export declare const CLEAR_SELECTIONS_WARNING = "Selections on other pages are cleared";

package/dist/Shared/Components/BulkSelection/types.d.ts

@@ -23,6 +23,8 @@ export interface GetBulkSelectionCheckboxValuesType {
 export interface UseBulkSelectionReturnType<T> extends GetBulkSelectionCheckboxValuesType {
     selectedIdentifiers: T;
     handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void;
+    isBulkSelectionApplied: boolean;
+    getSelectedIdentifiersCount: () => number;
 }
 export interface BulkSelectionProps {
     showPagination: boolean;

package/dist/Shared/Components/index.d.ts

@@ -1,3 +1 @@
-export * from './APIResponseHandler';
-export * from './ReactSelect';
 export * from './BulkSelection';

package/dist/Shared/index.d.ts

@@ -1,3 +1 @@
 export * from './Components';
-export * from './validations';
-export * from './Helpers';