@devtron-labs/devtron-fe-common-lib 0.6.3 → 0.6.4-beta-1

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

@@ -8,6 +8,7 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
+    localStorageKey?: `${string}__${string}`;
 }
 export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**

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

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

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

@@ -0,0 +1 @@
+export declare const setItemInLocalStorageIfKeyExists: (localStorageKey: string, value: string) => void;

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

@@ -12,6 +12,23 @@ import { SortableTableHeaderCellProps } from './types';
  *   disabled={isDisabled}
  * />
  * ```
+ *
+ * @example Non-sortable cell
+ * ```tsx
+ * <SortableTableHeaderCell
+ *   isSortable={false}
+ *   title="Header Cell"
+ * />
+ * ```
+ *
+ * * @example Resizable cell (Layout to be controlled externally using useResizableTableConfig)
+ * ```tsx
+ * <SortableTableHeaderCell
+ *   isSortable={false}
+ *   isResizable
+ *   title="Header Cell"
+ * />
+ * ```
  */
-declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, }: SortableTableHeaderCellProps) => JSX.Element;
+declare const SortableTableHeaderCell: ({ isSorted, triggerSorting, sortOrder, title, disabled, isSortable, showTippyOnTruncate, id, handleResize, isResizable, }: SortableTableHeaderCellProps) => JSX.Element;
 export default SortableTableHeaderCell;

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

@@ -0,0 +1,2 @@
+export declare const DEFAULT_MINIMUM_HEADER_WIDTH = 70;
+export declare const DEFAULT_MAXIMUM_HEADER_WIDTH = 600;

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

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

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

@@ -1,35 +1,68 @@
 import { SortingOrder } from '../Constants';
-export interface SortableTableHeaderCellProps {
+export type SortableTableHeaderCellProps = {
     /**
-     * If true, the cell is sorted
+     * Label for the cell
      */
-    isSorted: boolean;
+    title: string;
     /**
-     * Callback for handling the sorting of the cell
+     * If true, the tippy is shown on Sortable header if text is truncated
+     * @default false
      */
-    triggerSorting: () => void;
+    showTippyOnTruncate?: boolean;
+} & ({
     /**
-     * Current sort order
+     * Unique identifier for the column
+     */
+    id: string | number;
+    /**
+     * If true, the cell is resizable
      *
-     * Note: On click, the sort order should be updated as required
+     * @default false
      */
-    sortOrder: SortingOrder;
+    isResizable: true | boolean;
     /**
-     * Label for the cell
+     * Resize handler for the table
      */
-    title: string;
+    handleResize: (id: string | number, deltaChange: number) => void;
+} | {
+    id?: never;
+    isResizable?: false | undefined;
+    handleResize?: never;
+}) & ({
+    /**
+     * If false, the cell acts like normal table header cell
+     * @default true
+     */
+    isSortable?: boolean | undefined;
     /**
      * If true, the cell is disabled
      */
     disabled: boolean;
     /**
-     * If false, the cell acts like normal table header cell
-     * @default true
+     * If true, the cell is sorted
      */
-    isSortable?: boolean;
+    isSorted: boolean;
     /**
-     * If true, the tippy is shown on Sortable header if text is truncated
-     * @default false
+     * Callback for handling the sorting of the cell
      */
-    showTippyOnTruncate?: boolean;
+    triggerSorting: () => void;
+    /**
+     * Current sort order
+     *
+     * Note: On click, the sort order should be updated as required
+     */
+    sortOrder: SortingOrder;
+} | {
+    isSortable: false;
+    disabled?: never;
+    isSorted?: never;
+    triggerSorting?: never;
+    sortOrder?: never;
+});
+export interface UseResizableTableConfigProps {
+    headersConfig: (Pick<SortableTableHeaderCellProps, 'id'> & {
+        width: number | string;
+        maxWidth?: number;
+        minWidth?: number;
+    })[];
 }

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

@@ -0,0 +1,6 @@
+import { UseResizableTableConfigProps } from './types';
+declare const useResizableTableConfig: ({ headersConfig }: UseResizableTableConfigProps) => {
+    gridTemplateColumns: string;
+    handleResize: (headerCellId: UseResizableTableConfigProps["headersConfig"][number]["id"], deltaChange: number) => void;
+};
+export default useResizableTableConfig;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -168,7 +168,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
-export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList'> {
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'isOptionDisabled'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }