pixel-react 1.21.31 → 1.21.33

package/lib/components/Weightagetable/types.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+export type WeightageColumnLabels = {
+    principle: React.ReactNode;
+    guidelines: React.ReactNode;
+    weightage: React.ReactNode;
+};
 export interface WeightageRow {
     /**
      * Label for the guideline row, e.g. "1.1 - Text alternative"
@@ -21,7 +26,7 @@ export interface WeightageRow {
      */
     minValue?: number;
     /**
-     * Maximum allowed value for this row's input (passed to Input's maxValue)
+     * Maximum allowed value for this row's input (capped at 100)
      */
     maxValue?: number;
     /**
@@ -47,32 +52,58 @@ export interface WeightageGroup {
      */
     guidelines: WeightageRow[];
 }
+export interface WeightageCellRenderProps {
+    group: WeightageGroup;
+    row: WeightageRow;
+    groupIndex: number;
+    rowIndex: number;
+    rowKey: string;
+    minValue: number;
+    maxValue: number;
+    disabled: boolean;
+    inputWidth?: React.CSSProperties['width'];
+    inputProps: {
+        id: string;
+        name: string;
+        'aria-label': string;
+        'aria-describedby'?: string;
+        'aria-errormessage'?: string;
+        'aria-invalid'?: boolean;
+    };
+    onChange: (updatedRow: WeightageRow) => void;
+}
 export interface WeightageTableProps {
     /**
      * Title shown on the left side of the header bar
      */
-    title?: string;
+    title?: React.ReactNode;
     /**
      * Total weightage value shown on the right side of the header bar, e.g. 100.
      * If not passed, it is auto-computed as the sum of all row values.
      */
     totalWeightage?: number;
     /**
-     * Max possible weightage, used to render "total/max", e.g. 100
+     * Max possible weightage retained for backward compatibility.
+     * Use minValue/maxValue for default input validation.
      */
     maxWeightage?: number;
     /**
      * Column heading for the principle column
      */
-    principleColumnLabel?: string;
+    principleColumnLabel?: React.ReactNode;
     /**
      * Column heading for the guidelines column
      */
-    guidelinesColumnLabel?: string;
+    guidelinesColumnLabel?: React.ReactNode;
     /**
      * Column heading for the weightage column
      */
-    weightageColumnLabel?: string;
+    weightageColumnLabel?: React.ReactNode;
+    /**
+     * Preferred API for overriding column labels in one place.
+     * Individual label props are still supported for backward compatibility.
+     */
+    columnLabels?: Partial<WeightageColumnLabels>;
     /**
      * Data for the table body, grouped by principle. This component is controlled —
      * the parent owns this array and updates it inside onWeightageChange.
@@ -83,6 +114,15 @@ export interface WeightageTableProps {
      * use groupIndex/rowIndex to update just that one row in your state.
      */
     onWeightageChange?: (groupIndex: number, rowIndex: number, updatedRow: WeightageRow) => void;
+    /**
+     * Optional custom renderer for the weightage cell.
+     * If omitted, the component renders its default number Input.
+     */
+    renderWeightageCell?: (props: WeightageCellRenderProps) => React.ReactNode;
+    /**
+     * Width of the default weightage Input, e.g. "70px", "12%", or 70.
+     */
+    weightageInputWidth?: React.CSSProperties['width'];
     /**
      * Called when the refresh/reset icon in the header is clicked
      */
@@ -100,9 +140,18 @@ export interface WeightageTableProps {
      */
     minValue?: number;
     /**
-     * Default maxValue applied to every row's Input unless the row overrides it
+     * Default maxValue applied to every row's Input unless the row overrides it.
+     * Values above 100 are capped at 100.
      */
     maxValue?: number;
+    /**
+     * Enables expand/collapse behavior for the table content.
+     */
+    isAccordion?: boolean;
+    /**
+     * Initial expanded state when accordion behavior is enabled.
+     */
+    defaultExpanded?: boolean;
     /**
      * To add styles in WeightageTable
      */