kitunga-web 0.1.78

package/dist/features/data-display/components/Table/LineItemsTable.js

@@ -0,0 +1,216 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Trash2, Plus } from 'lucide-react';
+import CustomSelect from '@/features/selects/components/Selects/CustomSelect';
+import TextInput from '@/features/inputs/components/Inputs/TextInput';
+import StepperInput from '@/features/inputs/components/Inputs/StepperInput';
+import TextareaInput from '@/features/inputs/components/Inputs/TextareaInput';
+import { maskDecimalCommaFromInput, parseDecimalCommaToNumber, } from '@/shared/utils/maskedDecimal';
+import { formatKwanza, formatPercent } from '@/shared/utils/formatCurrency';
+import styles from './LineItemsTable.module.css';
+function roundToDecimals(value, decimals) {
+    const factor = 10 ** decimals;
+    return Math.round(value * factor) / factor;
+}
+function clampNumber(value, min, max) {
+    let next = value;
+    if (typeof min === 'number')
+        next = Math.max(min, next);
+    if (typeof max === 'number')
+        next = Math.min(max, next);
+    return next;
+}
+function safeNumber(value) {
+    const n = Number(value);
+    return Number.isFinite(n) ? n : 0;
+}
+function defaultFormatValue(value) {
+    if (!Number.isFinite(value))
+        return '0.00';
+    return value.toFixed(2);
+}
+function getByPath(obj, path) {
+    if (!obj || !path)
+        return undefined;
+    return path.split('.').reduce((acc, key) => (acc ? acc[key] : undefined), obj);
+}
+function resolveColumnValue(row, column) {
+    const accessor = column.valueKey;
+    if (typeof accessor === 'function') {
+        return accessor(row);
+    }
+    if (typeof accessor === 'string') {
+        if (accessor.includes('${')) {
+            return accessor.replace(/\$\{([^}]+)\}/g, (_match, expr) => {
+                const value = getByPath(row, expr.trim());
+                return value !== null && value !== void 0 ? value : '';
+            });
+        }
+        return getByPath(row, accessor);
+    }
+    return row[column.key];
+}
+function getCellTypeClass(type) {
+    switch (type) {
+        case 'text':
+            return styles.cellText;
+        case 'description':
+            return styles.cellDescription;
+        case 'number':
+            return styles.cellNumber;
+        case 'percent':
+            return styles.cellPercent;
+        case 'select':
+            return styles.cellSelect;
+        case 'stepper':
+            return styles.cellStepper;
+        case 'computed':
+            return styles.cellComputed;
+        case 'actions':
+            return styles.cellActions;
+        default:
+            return '';
+    }
+}
+export default function LineItemsTable({ rows, columns, onAddRow, onUpdateRow, onRemoveRow, className = '', emptyText = 'Sem itens', addLabel = 'Adicionar um item', calculations, summaryConfig, }) {
+    const [percentModes, setPercentModes] = React.useState({});
+    const getPercentMode = React.useCallback((col) => {
+        var _a, _b;
+        if (col.type !== 'percent' || !col.percentToggle)
+            return 'percent';
+        return (_b = (_a = percentModes[col.key]) !== null && _a !== void 0 ? _a : col.percentToggle.defaultMode) !== null && _b !== void 0 ? _b : 'percent';
+    }, [percentModes]);
+    const setPercentMode = React.useCallback((col, mode) => {
+        setPercentModes((prev) => (Object.assign(Object.assign({}, prev), { [col.key]: mode })));
+        if (col.type !== 'percent' || !col.percentToggle)
+            return;
+        if (col.percentToggle.clearOtherFieldOnModeChange === false)
+            return;
+        const otherField = mode === 'percent' ? col.percentToggle.valueField : col.percentToggle.percentField;
+        rows.forEach((_row, index) => {
+            onUpdateRow(index, { [otherField]: 0 });
+        });
+    }, [onUpdateRow, rows]);
+    const summaryValues = React.useMemo(() => {
+        if (!summaryConfig)
+            return null;
+        return summaryConfig.items.map((item) => ({ item, value: item.getValue(rows) }));
+    }, [rows, summaryConfig]);
+    const renderSummaryValue = (value, item) => {
+        if (summaryConfig === null || summaryConfig === void 0 ? void 0 : summaryConfig.formatValue)
+            return summaryConfig.formatValue(value, item);
+        return defaultFormatValue(value);
+    };
+    return (_jsxs("div", { className: `${styles.container} ${className}`.trim(), children: [_jsx("div", { className: styles.tableWrapper, children: _jsxs("table", { className: styles.table, children: [_jsx("thead", { children: _jsxs("tr", { className: styles.headerRow, children: [_jsx("th", { className: styles.headerCell, style: { width: 52 }, children: "N\u00BA" }), columns.map((col, colIndex) => {
+                                        var _a, _b, _c, _d;
+                                        const headerAlignClass = col.headerAlign === 'center'
+                                            ? styles.alignCenter
+                                            : col.headerAlign === 'right'
+                                                ? styles.alignRight
+                                                : '';
+                                        const percentMode = getPercentMode(col);
+                                        const isPercentToggle = col.type === 'percent' && !!col.percentToggle;
+                                        const percentOptions = isPercentToggle
+                                            ? [
+                                                {
+                                                    value: 'percent',
+                                                    label: (_b = (_a = col.percentToggle) === null || _a === void 0 ? void 0 : _a.percentLabel) !== null && _b !== void 0 ? _b : 'Percentagem',
+                                                    selectedLabel: 'Desconto em %',
+                                                },
+                                                {
+                                                    value: 'value',
+                                                    label: (_d = (_c = col.percentToggle) === null || _c === void 0 ? void 0 : _c.valueLabel) !== null && _d !== void 0 ? _d : 'Valor',
+                                                    selectedLabel: 'Desconto em Valor',
+                                                },
+                                            ]
+                                            : [];
+                                        const headerNoXPaddingClass = isPercentToggle ? styles.headerCellNoXPadding : '';
+                                        return (_jsx("th", { className: `${styles.headerCell} ${headerAlignClass} ${headerNoXPaddingClass}`.trim(), style: { width: col.width, minWidth: col.minWidth }, children: _jsxs("span", { className: styles.headerContent, children: [col.icon && _jsx("span", { className: styles.headerIcon, children: col.icon }), isPercentToggle ? (_jsx(CustomSelect, { value: percentMode, onChange: (value) => setPercentMode(col, value), options: percentOptions, disabled: false, variant: "flat", valueBold: true, className: styles.customSelectInput })) : (_jsx("span", { children: col.title }))] }) }, `${col.key}-${colIndex}`));
+                                    })] }) }), _jsx("tbody", { className: styles.tableBody, children: !rows.length ? (_jsx("tr", { children: _jsx("td", { className: styles.emptyCell, colSpan: columns.length + 1, children: emptyText }) })) : (rows.map((row, rowIndex) => (_jsxs("tr", { className: styles.bodyRow, children: [_jsx("td", { className: styles.indexCell, children: String(rowIndex + 1).padStart(2, '0') }), columns.map((col, colIndex) => {
+                                        var _a, _b, _c, _d, _e;
+                                        const cellKey = `${col.key}-${colIndex}`;
+                                        const alignClass = col.align === 'center'
+                                            ? styles.alignCenter
+                                            : col.align === 'right'
+                                                ? styles.alignRight
+                                                : '';
+                                        const typeClass = getCellTypeClass(col.type);
+                                        const cellClassName = `${styles.bodyCell} ${alignClass} ${typeClass}`.trim();
+                                        const cellStyle = { width: col.width, minWidth: col.minWidth };
+                                        if (col.render) {
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: col.render(row, rowIndex) }, cellKey));
+                                        }
+                                        if (col.type === 'actions') {
+                                            const actions = ((_a = col.actions) === null || _a === void 0 ? void 0 : _a.length)
+                                                ? col.actions
+                                                : onRemoveRow
+                                                    ? [
+                                                        {
+                                                            id: 'delete',
+                                                            icon: _jsx(Trash2, { size: 16 }),
+                                                            label: 'Excluir',
+                                                            onClick: () => onRemoveRow(rowIndex),
+                                                        },
+                                                    ]
+                                                    : [];
+                                            return (_jsx("td", { className: `${cellClassName} ${styles.actionsCell}`.trim(), style: cellStyle, children: actions.map((a) => {
+                                                    var _a;
+                                                    return (_jsx("button", { type: "button", className: styles.actionButton, onClick: (e) => {
+                                                            e.preventDefault();
+                                                            e.stopPropagation();
+                                                            a.onClick(row, rowIndex);
+                                                        }, disabled: (_a = a.disabled) === null || _a === void 0 ? void 0 : _a.call(a, row, rowIndex), title: a.label, children: a.icon || a.label }, a.id));
+                                                }) }, cellKey));
+                                        }
+                                        const rawValue = col.field ? row[col.field] : row[col.key];
+                                        if (col.type === 'select') {
+                                            const options = typeof col.options === 'function' ? col.options(row, rowIndex) : col.options || [];
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx(CustomSelect, { value: String(rawValue !== null && rawValue !== void 0 ? rawValue : ''), onChange: (value) => { var _a; return onUpdateRow(rowIndex, { [(_a = col.field) !== null && _a !== void 0 ? _a : col.key]: value }); }, options: options, placeholder: col.placeholder, disabled: !!col.readOnly, variant: "flat", className: styles.customSelectInput }) }, cellKey));
+                                        }
+                                        if (col.type === 'stepper') {
+                                            const max = typeof col.max === 'function' ? col.max(row) : col.max;
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx(StepperInput, { value: (_c = row[(_b = col.field) !== null && _b !== void 0 ? _b : col.key]) !== null && _c !== void 0 ? _c : 0, onChange: (next) => { var _a; return onUpdateRow(rowIndex, { [(_a = col.field) !== null && _a !== void 0 ? _a : col.key]: next }); }, min: col.min, max: max, step: (_d = col.step) !== null && _d !== void 0 ? _d : 1, disabled: !!col.readOnly }) }, cellKey));
+                                        }
+                                        if (col.type === 'number' || col.type === 'percent') {
+                                            const percentMode = getPercentMode(col);
+                                            const percentToggle = col.type === 'percent' ? col.percentToggle : undefined;
+                                            const targetField = percentToggle
+                                                ? percentMode === 'percent'
+                                                    ? percentToggle.percentField
+                                                    : percentToggle.valueField
+                                                : ((_e = col.field) !== null && _e !== void 0 ? _e : col.key);
+                                            const currentRawValue = row[targetField];
+                                            const displayValue = percentToggle && percentMode === 'value'
+                                                ? formatKwanza(currentRawValue)
+                                                : formatPercent(currentRawValue);
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx(TextInput, { value: displayValue, onChange: (nextRaw) => {
+                                                        const masked = maskDecimalCommaFromInput(nextRaw, { decimals: 2 });
+                                                        const parsed = parseDecimalCommaToNumber(masked);
+                                                        if (!Number.isFinite(parsed))
+                                                            return;
+                                                        const isPercent = col.type === 'percent' && (!percentToggle || percentMode === 'percent');
+                                                        const max = typeof col.max === 'function' ? col.max(row) : col.max;
+                                                        const clamped = clampNumber(parsed, isPercent ? 0 : col.min, isPercent ? 100 : max);
+                                                        onUpdateRow(rowIndex, { [targetField]: roundToDecimals(clamped, 2) });
+                                                    }, placeholder: col.placeholder, disabled: !!col.readOnly, containerClassName: styles.inlineInputContainer, className: styles.inlineInput, variant: "flat", inputMode: "decimal", pattern: "[0-9]*[.,]?[0-9]*" }) }, cellKey));
+                                        }
+                                        if (col.type === 'text') {
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx(TextInput, { value: String(rawValue !== null && rawValue !== void 0 ? rawValue : ''), onChange: (value) => { var _a; return onUpdateRow(rowIndex, { [(_a = col.field) !== null && _a !== void 0 ? _a : col.key]: value }); }, placeholder: col.placeholder, disabled: !!col.readOnly, containerClassName: styles.inlineInputContainer, className: styles.inlineInput, variant: "flat" }) }, cellKey));
+                                        }
+                                        if (col.type === 'description') {
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx(TextareaInput, { value: String(rawValue !== null && rawValue !== void 0 ? rawValue : ''), onChange: (value) => { var _a; return onUpdateRow(rowIndex, { [(_a = col.field) !== null && _a !== void 0 ? _a : col.key]: value }); }, placeholder: col.placeholder, disabled: !!col.readOnly, readOnly: !!col.readOnly, containerClassName: styles.inlineTextareaContainer, className: styles.inlineTextarea, size: "sm" }) }, cellKey));
+                                        }
+                                        if (col.type === 'computed') {
+                                            const value = col.computeValue ? col.computeValue(row, rowIndex) : resolveColumnValue(row, col);
+                                            const renderedValue = col.formatValue ? col.formatValue(value, row, rowIndex) : value;
+                                            const displayClass = `${styles.displayValue} ${col.valueBold ? styles.displayValueBold : ''}`.trim();
+                                            return (_jsx("td", { className: cellClassName, style: cellStyle, children: _jsx("span", { className: displayClass, children: renderedValue !== null && renderedValue !== void 0 ? renderedValue : '' }) }, cellKey));
+                                        }
+                                        return (_jsx("td", { className: cellClassName, style: cellStyle, children: String(rawValue !== null && rawValue !== void 0 ? rawValue : '') }, cellKey));
+                                    })] }, rowIndex)))) })] }) }), onAddRow && (_jsxs("button", { type: "button", className: styles.addRowButton, onClick: onAddRow, children: [_jsx(Plus, { size: 16 }), _jsx("span", { children: addLabel })] })), summaryValues && summaryConfig && (_jsx("div", { className: styles.summary, children: _jsx("div", { className: styles.summaryBox, children: summaryValues.map(({ item, value }) => {
+                        const rowClass = item.bold ? styles.summaryTotal : styles.summaryRow;
+                        return (_jsxs("div", { className: rowClass, children: [_jsx("span", { children: item.label }), _jsx("span", { children: renderSummaryValue(value, item) })] }, item.id));
+                    }) }) }))] }));
+}
+//# sourceMappingURL=LineItemsTable.js.map

package/dist/features/data-display/components/Table/LineItemsTable.js.map

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

package/dist/features/data-display/components/Table/LineItemsTable.module.css

@@ -0,0 +1,223 @@
+.container {
+  background-color: var(--bg-primary);
+  border-top: 1px solid var(--border-divider);
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+}
+
+.tableWrapper {
+  width: 100%;
+  flex: 1;
+
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  border-right: 1px solid var(--border-divider);
+  border-left: 1px solid var(--border-divider);
+  border-bottom: 1px solid var(--border-divider);
+}
+
+.headerRow {
+  background-color: #f8fafc;
+  border-bottom: 1px solid var(--border-divider);
+}
+
+.headerCell {
+  padding: var(--spacing-md);
+  text-align: left;
+  font-weight: 600;
+  font-size: 0.875rem;
+  color: var(--text-primary);
+  white-space: nowrap;
+  vertical-align: middle;
+  border-right: 1px solid var(--border-divider);
+}
+
+.headerCellNoXPadding {
+  padding: 0;
+}
+
+.headerCell:last-child {
+  border-right: none;
+}
+
+.headerContent {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+
+.headerIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  min-width: 16px;
+}
+
+.tableBody {
+  background-color: var(--bg-primary);
+}
+
+.bodyRow {
+  border-bottom: 1px solid var(--border-divider);
+}
+
+.bodyRow:last-child {
+  border-bottom: none;
+}
+
+.bodyCell {
+  padding: var(--spacing-sm-md) var(--spacing-md);
+  vertical-align: middle;
+  white-space: nowrap;
+  border-right: 1px solid var(--border-divider);
+}
+
+.bodyCell:last-child {
+  border-right: none;
+}
+
+
+
+.indexCell {
+  padding: var(--spacing-sm-md) var(--spacing-md);
+  color: var(--text-secondary);
+  font-weight: 600;
+  width: 52px;
+  border-right: 1px solid var(--border-divider);
+}
+
+.alignCenter {
+  text-align: center;
+}
+
+.alignRight {
+  text-align: right;
+}
+
+.actionsCell {
+  text-align: right;
+  white-space: nowrap;
+}
+
+.displayValue {
+  font-size: 0.95rem;
+  color: var(--text-primary);
+  font-variant-numeric: tabular-nums;
+}
+
+.displayValueBold {
+  font-weight: 600;
+}
+
+.cellDescription {
+  white-space: normal;
+}
+
+.cellSelect {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.actionButton {
+  width: 32px;
+  height: 32px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+
+.actionButton:hover:not(:disabled) {
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  border-color: var(--border-focus);
+}
+
+.actionButton:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.emptyCell {
+  padding: var(--spacing-xl);
+  color: var(--text-tertiary);
+  text-align: center;
+}
+
+.addRowButton {
+  margin: var(--spacing-md) 0;
+  width: fit-content;
+  border: none;
+  background: transparent;
+  color: var(--color-blue-600);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  font-weight: 600;
+}
+
+.addRowButton:hover {
+  text-decoration: underline;
+}
+
+.inlineInputContainer {
+  width: 100%;
+}
+
+.inlineInput {
+  height: 36px;
+}
+
+.inlineTextareaContainer {
+  width: 100%;
+}
+
+.inlineTextarea {
+  min-height: 60px;
+  resize: vertical;
+}
+
+.summary {
+  padding: var(--spacing-md) 0;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.summaryBox {
+  min-width: 260px;
+  padding: var(--spacing-md);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+}
+
+.summaryRow {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--spacing-xs) 0;
+  color: var(--text-secondary);
+}
+
+.summaryTotal {
+  display: flex;
+  justify-content: space-between;
+  padding-top: var(--spacing-sm);
+  margin-top: var(--spacing-sm);
+  border-top: 1px solid var(--border-divider);
+  font-weight: 700;
+  color: var(--text-primary);
+}

package/dist/features/data-display/components/Table/Table.d.ts

@@ -0,0 +1,4 @@
+import type { TableProps } from './types/Table';
+export type { TableColumn as TableColumnType, TableProps as TablePropsType } from './types/Table';
+export default function Table<T>({ data, columns, loading, skeletonRowCount, empty, hasBaseData, searchEmptyProps, className, rowClassName, onRowClick, keyExtractor, showHeader, headerClassName, bodyClassName, cellClassName, onEdit, onDelete, isEditDisabled, isDeleteDisabled, editTooltip, deleteTooltip, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/features/data-display/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Table/Table.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,eAAe,CAAC;AAO7D,YAAY,EAAE,WAAW,IAAI,eAAe,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAmMlG,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,EAAE,EAC/B,IAAI,EACJ,OAAO,EACP,OAAe,EACf,gBAAoB,EACpB,KAAK,EACL,WAAmB,EACnB,gBAAgB,EAChB,SAAc,EACd,YAAiB,EACjB,UAAU,EACV,YAA2C,EAC3C,UAAiB,EACjB,eAAoB,EACpB,aAAkB,EAClB,aAAkB,EAClB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,aAAa,GACd,EAAE,UAAU,CAAC,CAAC,CAAC,2CAoKf"}