pixel-react 1.21.32 → 1.21.33

package/lib/components/Weightagetable/Weightagetable.js

@@ -1,10 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useId, useState } from 'react';
+import classNames from 'classnames';
 import './WeightageTable.scss';
 import Icon from '../Icon';
 import Input from '../Input';
 import Typography from '../Typography';
 import AutoTruncateText from '../AutoTruncateText';
-const WeightageTable = ({ title = 'Success Criteria Weightage', totalWeightage, maxWeightage = 100, principleColumnLabel = 'Principle', guidelinesColumnLabel = 'Guidelines', weightageColumnLabel = 'Weightage in %', groups = [], onWeightageChange = () => { }, onReset = () => { }, showResetIcon = true, disabled = false, minValue = -Infinity, maxValue = Infinity, className = '', }) => {
+import TooltipService from '../TooltipService';
+const DEFAULT_COLUMN_LABELS = {
+    principle: 'Principle',
+    guidelines: 'Guidelines',
+    weightage: 'Weightage in %',
+};
+const MAX_WEIGHTAGE_VALUE = 100;
+const getAccessibleText = (value) => {
+    if (value === null || value === undefined || typeof value === 'boolean') {
+        return '';
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        return String(value);
+    }
+    if (Array.isArray(value)) {
+        return value.map(getAccessibleText).filter(Boolean).join(' ');
+    }
+    if (React.isValidElement(value)) {
+        return getAccessibleText(value.props.children);
+    }
+    return '';
+};
+const WeightageTable = ({ title = 'Success Criteria Weightage', totalWeightage, principleColumnLabel = DEFAULT_COLUMN_LABELS.principle, guidelinesColumnLabel = DEFAULT_COLUMN_LABELS.guidelines, weightageColumnLabel = DEFAULT_COLUMN_LABELS.weightage, columnLabels, groups = [], onWeightageChange = () => { }, renderWeightageCell, weightageInputWidth = '12%', onReset = () => { }, showResetIcon = true, disabled = false, minValue = 0, maxValue = 100, isAccordion = true, defaultExpanded = false, className = '', style, }) => {
+    const baseId = useId().replace(/:/g, '');
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+    const titleId = `${baseId}-weightage-title`;
+    const contentId = `${baseId}-weightage-content`;
+    const totalGuidelineCount = groups.reduce((count, group) => count + group.guidelines.length, 0);
+    let nextBodyRowIndex = 2;
+    const groupStartRowIndexes = groups.map((group) => {
+        const startRowIndex = nextBodyRowIndex;
+        nextBodyRowIndex += group.guidelines.length;
+        return startRowIndex;
+    });
+    const resolvedColumnLabels = {
+        principle: columnLabels?.principle ?? principleColumnLabel,
+        guidelines: columnLabels?.guidelines ?? guidelinesColumnLabel,
+        weightage: columnLabels?.weightage ?? weightageColumnLabel,
+    };
+    const weightageColumnAccessibleLabel = getAccessibleText(resolvedColumnLabels.weightage) ||
+        DEFAULT_COLUMN_LABELS.weightage;
     const computedTotal = totalWeightage ??
         groups.reduce((sum, group) => sum +
             group.guidelines.reduce((rowSum, row) => rowSum + (row.value || 0), 0), 0);
@@ -17,25 +59,70 @@ const WeightageTable = ({ title = 'Success Criteria Weightage', totalWeightage,
             error = true;
             helperText = `Value must be between ${rowMin} and ${rowMax}`;
         }
-        onWeightageChange(groupIndex, rowIndex, {
+        updateWeightageRow(groupIndex, rowIndex, {
             ...row,
             value: numericValue,
             error,
             helperText,
         });
     };
-    return (_jsxs("div", { className: `ff-weightage-table ${className}`, children: [_jsxs("div", { className: "ff-weightage-head", children: [_jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: title }) }), _jsxs("span", { className: "ff-weightage-total", children: [_jsx(Typography, { fontWeight: "semi-bold", children: _jsxs(AutoTruncateText, { children: ["Total Weightage : ", computedTotal, "/", maxWeightage] }) }), showResetIcon && (_jsx(Icon, { name: "reset_default_value", onClick: onReset, cursorType: "pointer" }))] })] }), _jsxs("div", { className: "ff-weightage-grid", children: [_jsxs("div", { className: "ff-weightage-row ff-weightage-row-head", children: [_jsx("div", { className: "ff-weightage-principle", children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: principleColumnLabel }) }) }), _jsx("div", { className: "ff-weightage-guideline", children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: guidelinesColumnLabel }) }) }), _jsx("div", { className: "ff-weightage-value", children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: weightageColumnLabel }) }) })] }), groups.map((group, groupIndex) => {
-                        const groupKey = group.key ?? group.principle;
-                        return (_jsx("div", { className: "ff-weightage-group", children: group.guidelines.map((row, rowIndex) => {
-                                const rowKey = row.key ?? `${groupKey}-${row.label}`;
-                                const rowMin = row.minValue ?? minValue;
-                                const rowMax = row.maxValue ?? maxValue;
-                                return (_jsxs("div", { className: "ff-weightage-row", children: [rowIndex === 0 && (_jsx("div", { className: "ff-weightage-principle", style: { gridRow: `span ${group.guidelines.length}` }, children: _jsx(Typography, { fontWeight: "medium", children: _jsx(AutoTruncateText, { children: group.principle }) }) })), _jsx("div", { className: "ff-weightage-guideline", children: _jsx(Typography, { children: _jsx(AutoTruncateText, { className: "auto-truncate", children: row.label }) }) }), _jsx("div", { className: "ff-weightage-value", children: _jsx("div", { className: "ff-weightage-input", children: _jsx(Input, { type: "number", name: rowKey, value: row.value, minValue: rowMin, maxValue: rowMax, disabled: disabled || row.disabled, error: row.error, helperText: row.helperText, variant: "primary", isLabelRequired: false, size: "small", onChange: (event) => handleRowChange(groupIndex, rowIndex, row, rowMin, rowMax, event), setUpdatedNumberValue: (value) => onWeightageChange(groupIndex, rowIndex, {
-                                                        ...row,
-                                                        value,
-                                                    }) }) }) })] }, rowKey));
-                            }) }, groupKey));
-                    })] })] }));
+    const updateWeightageRow = (groupIndex, rowIndex, updatedRow) => {
+        onWeightageChange(groupIndex, rowIndex, updatedRow);
+    };
+    const toggleAccordion = () => {
+        setIsExpanded((prev) => !prev);
+    };
+    const shouldShowContent = !isAccordion || isExpanded;
+    const renderDefaultWeightageCell = ({ groupIndex, rowIndex, row, minValue: rowMin, maxValue: rowMax, disabled: isCellDisabled, inputWidth, inputProps, }) => (_jsx("div", { className: "ff-weightage-input", style: { width: inputWidth }, children: _jsx(Input, { type: "number", noBorder // Experimental prop to remove border from input field
+            : true, value: row.value, minValue: rowMin, maxValue: rowMax, disabled: isCellDisabled, error: row.error, helperText: row.helperText, placeholder: "", variant: "primary", isLabelRequired: false, disableAfterMaxValueReached: true, size: "small", className: "ff-weightage-input-field", onChange: (event) => handleRowChange(groupIndex, rowIndex, row, rowMin, rowMax, event), setUpdatedNumberValue: (value) => updateWeightageRow(groupIndex, rowIndex, {
+                ...row,
+                value,
+            }), ...inputProps }) }));
+    const getWeightageCellContent = (props) => renderWeightageCell
+        ? renderWeightageCell(props)
+        : renderDefaultWeightageCell(props);
+    const renderHeaderCell = (cellClassName, label, columnIndex) => (_jsx("div", { className: cellClassName, role: "columnheader", "aria-colindex": columnIndex, children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: label }) }) }));
+    const renderGuidelineRow = (group, groupIndex, groupKey, row, rowIndex, ariaRowIndex) => {
+        const rowKey = row.key ?? `${groupKey}-${row.label}`;
+        const rowConfiguredMax = row.maxValue ?? maxValue;
+        const rowMax = Math.min(rowConfiguredMax, MAX_WEIGHTAGE_VALUE);
+        const rowMin = Math.min(row.minValue ?? minValue, rowMax);
+        const isCellDisabled = disabled || !!row.disabled || !shouldShowContent;
+        const rowId = `${baseId}-weightage-row-${groupIndex}-${rowIndex}`;
+        const inputErrorId = row.error && row.helperText ? `${rowId}-error` : undefined;
+        const weightageCellProps = {
+            group,
+            row,
+            groupIndex,
+            rowIndex,
+            rowKey,
+            minValue: rowMin,
+            maxValue: rowMax,
+            disabled: isCellDisabled,
+            inputWidth: weightageInputWidth,
+            inputProps: {
+                id: `${rowId}-input`,
+                name: rowKey,
+                'aria-label': `${weightageColumnAccessibleLabel} for ${row.label} in ${group.principle}`,
+                'aria-describedby': inputErrorId,
+                'aria-errormessage': inputErrorId,
+                'aria-invalid': row.error || undefined,
+            },
+            onChange: (updatedRow) => updateWeightageRow(groupIndex, rowIndex, updatedRow),
+        };
+        return (_jsxs("div", { className: "ff-weightage-row", role: "row", "aria-rowindex": ariaRowIndex, children: [rowIndex === 0 && (_jsx("div", { className: "ff-weightage-principle", role: "rowheader", "aria-colindex": 1, "aria-rowspan": group.guidelines.length, style: {
+                        gridRow: `span ${group.guidelines.length}`,
+                    }, children: _jsx(Typography, { fontWeight: "medium", children: _jsx(AutoTruncateText, { children: group.principle }) }) })), _jsx("div", { className: "ff-weightage-guideline", role: "cell", "aria-colindex": 2, children: _jsx(Typography, { children: _jsx(AutoTruncateText, { className: "auto-truncate", children: row.label }) }) }), _jsx("div", { className: "ff-weightage-value", role: "cell", "aria-colindex": 3, children: getWeightageCellContent(weightageCellProps) })] }, rowKey));
+    };
+    const renderGroup = (group, groupIndex, startRowIndex) => {
+        const groupKey = group.key ?? group.principle;
+        return (_jsx("div", { className: "ff-weightage-group", role: "rowgroup", "aria-label": group.principle, children: group.guidelines.map((row, rowIndex) => renderGuidelineRow(group, groupIndex, groupKey, row, rowIndex, startRowIndex + rowIndex)) }, groupKey));
+    };
+    return (_jsxs("div", { className: classNames('ff-weightage-table', className), style: style, children: [_jsx(TooltipService, {}), _jsxs("div", { className: "ff-weightage-head", children: [_jsx("div", { className: "ff-weightage-title", id: titleId, children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsx(AutoTruncateText, { children: title }) }) }), _jsxs("span", { className: "ff-weightage-total", children: [_jsx("span", { className: "ff-weightage-total-value", "aria-live": "polite", "aria-label": `Total weightage ${computedTotal}`, children: _jsx(Typography, { fontWeight: "semi-bold", children: _jsxs(AutoTruncateText, { children: ["Total Weightage : ", computedTotal] }) }) }), showResetIcon && (_jsx("button", { type: "button", className: "ff-weightage-icon-button", onClick: onReset, "aria-label": "Reset weightage values to default", "data-tooltip": "Reset to default value", children: _jsx(Icon, { name: "reset_default_value", withPadding: false }) })), isAccordion && (_jsx("button", { type: "button", className: "ff-weightage-icon-button", onClick: toggleAccordion, "aria-label": isExpanded
+                                    ? 'Collapse weightage table'
+                                    : 'Expand weightage table', "aria-expanded": shouldShowContent, "aria-controls": contentId, "data-tooltip": isExpanded ? 'Collapse' : 'Expand', children: _jsx(Icon, { name: isExpanded ? 'arrow_up' : 'arrow_down', withPadding: false }) }))] })] }), _jsx("div", { className: classNames('ff-weightage-content', {
+                    'ff-weightage-content--expanded': shouldShowContent,
+                }), id: contentId, "aria-hidden": !shouldShowContent, ...(!shouldShowContent ? { inert: '' } : {}), children: _jsx("div", { className: "ff-weightage-content-inner", children: _jsxs("div", { className: "ff-weightage-grid", role: "table", "aria-labelledby": titleId, "aria-colcount": 3, "aria-rowcount": totalGuidelineCount + 1, children: [_jsxs("div", { className: "ff-weightage-row ff-weightage-row-head", role: "row", "aria-rowindex": 1, children: [renderHeaderCell('ff-weightage-principle', resolvedColumnLabels.principle, 1), renderHeaderCell('ff-weightage-guideline', resolvedColumnLabels.guidelines, 2), renderHeaderCell('ff-weightage-value', resolvedColumnLabels.weightage, 3)] }), groups.map((group, groupIndex) => renderGroup(group, groupIndex, groupStartRowIndexes[groupIndex] ?? 2))] }) }) })] }));
 };
 export default WeightageTable;
 //# sourceMappingURL=Weightagetable.js.map

package/lib/components/Weightagetable/Weightagetable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Weightagetable.js","sourceRoot":"","sources":["../../../src/components/Weightagetable/Weightagetable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Weightagetable.js","sourceRoot":"","sources":["../../../src/components/Weightagetable/Weightagetable.tsx"],"names":[],"mappings":"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"}

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
      */

package/lib/index.d.ts

@@ -1369,7 +1369,6 @@ interface SelectedItemProps$1 {
      */
     [key: string]: string | number | boolean;
 }
-type TableRef = LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | LegacyRef<HTMLDivElement> | React__default.RefObject<HTMLDivElement> | null;
 interface TableProps$2 {
     /**
      * Data for table
@@ -1479,7 +1478,7 @@ interface TableProps$2 {
     /**
      * enable editMode by setting state row id
      */
-    editMode?: string | number | null;
+    editMode?: string | null;
     /**
      * The content that to be displayed if editComponent
      */
@@ -1487,7 +1486,7 @@ interface TableProps$2 {
     /**
      * tableRef to get the scroll position & to pass control of table to parent component
      */
-    tableRef?: TableRef;
+    tableRef?: LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | null;
     /**
      * Explicitly handling the checkbox disability for the row.
      */
@@ -1504,10 +1503,9 @@ interface TableProps$2 {
     displayCard?: boolean;
     selectedNode?: {
         key: string;
-        selected: string | number;
+        selected: string;
     };
     uniqueRowIdForAccordion?: string | number;
-    openAccordionId?: string | number | null;
 }
 
 declare const Table: React$1.ForwardRefExoticComponent<TableProps$2 & React$1.RefAttributes<any>>;
@@ -3848,7 +3846,7 @@ interface ColumnProps$1 {
     /**
      * width of a column
      */
-    width?: CSSProperties['width'];
+    width?: number;
     /**
      * data for the column
      */