pixel-react 1.21.26 → 1.21.28

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WeightageTableProps } from './types';
+import './WeightageTable.scss';
+declare const WeightageTable: React.FC<WeightageTableProps>;
+export default WeightageTable;

package/lib/components/Weightagetable/Weightagetable.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 = '', }) => {
+    const computedTotal = totalWeightage ??
+        groups.reduce((sum, group) => sum +
+            group.guidelines.reduce((rowSum, row) => rowSum + (row.value || 0), 0), 0);
+    const handleRowChange = (groupIndex, rowIndex, row, rowMin, rowMax, event) => {
+        const rawValue = event.target.value;
+        const numericValue = rawValue === '' ? 0 : Number(rawValue);
+        let error = false;
+        let helperText = '';
+        if (numericValue < rowMin || numericValue > rowMax) {
+            error = true;
+            helperText = `Value must be between ${rowMin} and ${rowMax}`;
+        }
+        onWeightageChange(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));
+                    })] })] }));
+};
+export default WeightageTable;
+//# sourceMappingURL=Weightagetable.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './Weightagetable';
+export * from './types';

package/lib/components/Weightagetable/index.js

@@ -0,0 +1,3 @@
+export { default } from './Weightagetable';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Weightagetable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,112 @@
+import React from 'react';
+export interface WeightageRow {
+    /**
+     * Label for the guideline row, e.g. "1.1 - Text alternative"
+     */
+    label: string;
+    /**
+     * Weightage value in % for this row
+     */
+    value: number;
+    /**
+     * Unique key for the row, falls back to label if not provided
+     */
+    key?: string;
+    /**
+     * Disable the input for this row
+     */
+    disabled?: boolean;
+    /**
+     * Minimum allowed value for this row's input (passed to Input's minValue)
+     */
+    minValue?: number;
+    /**
+     * Maximum allowed value for this row's input (passed to Input's maxValue)
+     */
+    maxValue?: number;
+    /**
+     * Error state for this row's input, controlled internally unless passed in
+     */
+    error?: boolean;
+    /**
+     * Helper text for this row's input, controlled internally unless passed in
+     */
+    helperText?: string;
+}
+export interface WeightageGroup {
+    /**
+     * Principle / group label, e.g. "1. Perceivable"
+     */
+    principle: string;
+    /**
+     * Unique key for the group, falls back to principle if not provided
+     */
+    key?: string;
+    /**
+     * Guideline rows belonging to this principle
+     */
+    guidelines: WeightageRow[];
+}
+export interface WeightageTableProps {
+    /**
+     * Title shown on the left side of the header bar
+     */
+    title?: string;
+    /**
+     * 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
+     */
+    maxWeightage?: number;
+    /**
+     * Column heading for the principle column
+     */
+    principleColumnLabel?: string;
+    /**
+     * Column heading for the guidelines column
+     */
+    guidelinesColumnLabel?: string;
+    /**
+     * Column heading for the weightage column
+     */
+    weightageColumnLabel?: string;
+    /**
+     * Data for the table body, grouped by principle. This component is controlled —
+     * the parent owns this array and updates it inside onWeightageChange.
+     */
+    groups: WeightageGroup[];
+    /**
+     * Called whenever a single row's value changes. Only that row's data is passed back —
+     * use groupIndex/rowIndex to update just that one row in your state.
+     */
+    onWeightageChange?: (groupIndex: number, rowIndex: number, updatedRow: WeightageRow) => void;
+    /**
+     * Called when the refresh/reset icon in the header is clicked
+     */
+    onReset?: () => void;
+    /**
+     * Show or hide the refresh/reset icon in the header
+     */
+    showResetIcon?: boolean;
+    /**
+     * Makes all weightage inputs disabled/read-only
+     */
+    disabled?: boolean;
+    /**
+     * Default minValue applied to every row's Input unless the row overrides it
+     */
+    minValue?: number;
+    /**
+     * Default maxValue applied to every row's Input unless the row overrides it
+     */
+    maxValue?: number;
+    /**
+     * To add styles in WeightageTable
+     */
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}

package/lib/components/Weightagetable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Weightagetable/types.ts"],"names":[],"mappings":""}

package/lib/index.d.ts

@@ -1223,6 +1223,7 @@ interface OptionClick {
      * @required
      */
     value: any;
+    keepMenuOpen?: boolean;
 }
 interface OptionType extends OptionClick {
     /**
@@ -1232,6 +1233,7 @@ interface OptionType extends OptionClick {
      */
     icon?: string | ReactNode;
     iconColor?: string;
+    keepMenuOpen?: boolean;
     name?: string | ReactNode;
     /**
      * Indicates whether the option is disabled.
@@ -1367,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
@@ -1477,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
      */
@@ -1485,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.
      */
@@ -1502,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>>;
@@ -3034,6 +3034,7 @@ interface SelectProps {
     showLabel?: boolean;
     onHelpIconClick?: () => void;
     webServiceClick?: () => void;
+    accessibilityClick?: () => void;
     aiIconClick?: () => void;
     rightIconColor: string;
     optionsList: any[];
@@ -3053,6 +3054,7 @@ interface SelectProps {
     selectedChips?: any;
     loadMoreOptions?: () => void;
     isWebservice?: boolean;
+    isAccessibility?: boolean;
     closeInputOnOutsideClick?: () => void;
     tooltipText?: string;
     ChipsAccordionWidth?: string;
@@ -3069,7 +3071,7 @@ interface NlpRenderOption {
     name?: string;
 }
 
-declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => React$1.JSX.Element;
+declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, accessibilityClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, isAccessibility, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => React$1.JSX.Element;
 
 interface IconRadioItem {
     /**
@@ -3168,6 +3170,7 @@ interface SequentialConnectingBranchProps {
     maxRunCount?: number;
     environmentVariableMaps?: EnvironmentVariableMaps;
     isRequired?: boolean;
+    showIcon?: boolean;
 }
 interface IntegrationInstance {
     usename: string;
@@ -3843,7 +3846,7 @@ interface ColumnProps$1 {
     /**
      * width of a column
      */
-    width?: CSSProperties['width'];
+    width?: number;
     /**
      * data for the column
      */