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

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;