@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/table/preset/table-preset.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTablePreset = SmartTablePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const table_cell_1 = require("../table-cell");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled table variation (preset, the Angular `TablePresetComponent`).
+ * Register it as `components.table` on `SmartProvider` to restyle every
+ * `<SmartTable>`, or render it directly.
+ *
+ * Renders the Tailwind UI table look and honours every `ITableOptions` hint the
+ * standard component ignores: `striped` rows, a `stickyHeader`, a `withBorder`
+ * card frame, per-column `align`, and `sortable` columns (client-side sort with
+ * `aria-sort`). The checkbox column supports select-all with an indeterminate
+ * state and highlights selected rows. Sort and selection are internal state,
+ * as in Angular (the Angular component had no outputs).
+ */
+function SmartTablePreset({ options, className }) {
+    const [sort, setSort] = (0, react_1.useState)(null);
+    const [selected, setSelected] = (0, react_1.useState)(() => new Set());
+    const headerCheckbox = (0, react_1.useRef)(null);
+    const columns = options?.columns ?? [];
+    const striped = !!options?.striped;
+    const stickyHeader = !!options?.stickyHeader;
+    const withBorder = !!options?.withBorder;
+    const withCheckboxes = !!options?.withCheckboxes;
+    const hasHeader = !!(options?.title ||
+        options?.description ||
+        options?.toolbarTpl);
+    // Rows keep their position in `options.rows` as the React key, so a row
+    // keeps its DOM node when sorted (Angular tracked the row object).
+    const sortedRows = (0, react_1.useMemo)(() => {
+        const entries = (options?.rows ?? []).map((row, index) => ({ row, index }));
+        if (!sort)
+            return entries;
+        const factor = sort.direction === 'ascending' ? 1 : -1;
+        return [...entries].sort((a, b) => factor * compareCells(a.row[sort.key], b.row[sort.key]));
+    }, [options?.rows, sort]);
+    const rows = sortedRows.map(({ row }) => row);
+    const allSelected = rows.length > 0 && rows.every((row) => selected.has(row));
+    const someSelected = !allSelected && rows.some((row) => selected.has(row));
+    // `indeterminate` is a DOM property only, there is no attribute for it.
+    (0, react_1.useEffect)(() => {
+        if (headerCheckbox.current) {
+            headerCheckbox.current.indeterminate = someSelected;
+        }
+    });
+    const ariaSort = (col) => {
+        if (!col.sortable)
+            return undefined;
+        return sort?.key === col.key ? sort.direction : 'none';
+    };
+    const isDescending = (col) => sort?.key === col.key && sort.direction === 'descending';
+    const toggleSort = (col) => {
+        setSort((current) => ({
+            key: col.key,
+            direction: current?.key === col.key && current.direction === 'ascending'
+                ? 'descending'
+                : 'ascending',
+        }));
+    };
+    const toggleRow = (row) => {
+        setSelected((current) => {
+            const next = new Set(current);
+            if (next.has(row))
+                next.delete(row);
+            else
+                next.add(row);
+            return next;
+        });
+    };
+    const toggleAll = () => {
+        setSelected(allSelected ? new Set() : new Set(rows));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(preset_classes_1.TABLE_ROOT, className), children: [hasHeader ? ((0, jsx_runtime_1.jsxs)("div", { "data-role": "header", className: preset_classes_1.TABLE_HEADER, children: [(0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.TABLE_HEADER_TEXT, children: [options?.title ? ((0, jsx_runtime_1.jsx)("h3", { "data-role": "title", className: preset_classes_1.TABLE_TITLE, children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "description", className: preset_classes_1.TABLE_DESCRIPTION, children: options.description })) : null] }), options?.toolbarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "toolbar", className: preset_classes_1.TABLE_TOOLBAR, children: options.toolbarTpl })) : null] })) : null, columns.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "frame", className: (0, preset_classes_1.getTableFrameClasses)(withBorder), children: (0, jsx_runtime_1.jsx)("div", { "data-role": "scroll", className: (0, preset_classes_1.getTableScrollClasses)(stickyHeader), children: (0, jsx_runtime_1.jsxs)("table", { className: preset_classes_1.TABLE_TABLE, children: [(0, jsx_runtime_1.jsx)("thead", { className: (0, preset_classes_1.getTableHeadClasses)(withBorder), children: (0, jsx_runtime_1.jsxs)("tr", { children: [withCheckboxes ? ((0, jsx_runtime_1.jsx)("th", { scope: "col", className: (0, class_names_1.cn)(preset_classes_1.TABLE_CHECKBOX_CELL, (0, preset_classes_1.getTableHeaderCellClasses)('left', withBorder, stickyHeader)), children: (0, jsx_runtime_1.jsx)("input", { ref: headerCheckbox, type: "checkbox", "aria-label": "Select all rows", className: preset_classes_1.TABLE_CHECKBOX, checked: allSelected, onChange: toggleAll }) })) : null, columns.map((col) => ((0, jsx_runtime_1.jsx)("th", { scope: "col", className: (0, preset_classes_1.getTableHeaderCellClasses)(col.align ?? 'left', withBorder, stickyHeader), "aria-label": col.ariaLabel, "aria-sort": ariaSort(col), "data-align": col.align, children: col.sortable ? ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: preset_classes_1.TABLE_SORT_BUTTON, onClick: () => toggleSort(col), children: [col.headerTpl
+                                                        ? col.headerTpl
+                                                        : (col.label ?? col.key), (0, jsx_runtime_1.jsx)("svg", { "data-role": "sort-icon", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", className: (0, class_names_1.cn)((0, preset_classes_1.getTableSortIconClasses)(sort?.key === col.key), isDescending(col) && 'smart:rotate-180'), children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.77 12.79a.75.75 0 0 1-1.06-.02L10 8.832 6.29 12.77a.75.75 0 1 1-1.08-1.04l4.25-4.5a.75.75 0 0 1 1.08 0l4.25 4.5a.75.75 0 0 1-.02 1.06Z" }) })] })) : col.headerTpl ? (col.headerTpl) : ((col.label ?? col.key)) }, col.key)))] }) }), (0, jsx_runtime_1.jsxs)("tbody", { className: (0, preset_classes_1.getTableBodyClasses)(striped), children: [sortedRows.map(({ row, index }) => ((0, jsx_runtime_1.jsxs)("tr", { className: (0, preset_classes_1.getTableRowClasses)(striped, selected.has(row)), children: [withCheckboxes ? ((0, jsx_runtime_1.jsx)("td", { className: preset_classes_1.TABLE_CHECKBOX_CELL, children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox", "aria-label": "Select row", className: preset_classes_1.TABLE_CHECKBOX, checked: selected.has(row), onChange: () => toggleRow(row) }) })) : null, columns.map((col, colIndex) => ((0, jsx_runtime_1.jsx)("td", { className: (0, preset_classes_1.getTableCellClasses)(col.align ?? 'left', withBorder, colIndex === 0), "data-align": col.align, children: (0, table_cell_1.renderTableCell)(row, col) }, col.key)))] }, index))), sortedRows.length === 0 && options?.emptyTpl ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { "data-role": "empty", className: preset_classes_1.TABLE_EMPTY, colSpan: columns.length + (withCheckboxes ? 1 : 0), children: options.emptyTpl }) })) : null] })] }) }) })) : null, options?.footerTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "footer", className: preset_classes_1.TABLE_FOOTER, children: options.footerTpl })) : null] }));
+}
+/** Numbers compare numerically, everything else as natural-order text; empty values sort last. */
+function compareCells(a, b) {
+    const aEmpty = a === null || a === undefined || a === '';
+    const bEmpty = b === null || b === undefined || b === '';
+    if (aEmpty || bEmpty)
+        return Number(aEmpty) - Number(bEmpty);
+    if (typeof a === 'number' && typeof b === 'number')
+        return a - b;
+    return String(a).localeCompare(String(b), undefined, { numeric: true });
+}
+//# sourceMappingURL=table-preset.js.map

package/src/lib/components/table/preset/table-preset.js.map

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

package/src/lib/components/table/standard/table-standard.d.ts

@@ -0,0 +1,9 @@
+import { SmartTableProps } from '../table.types';
+/**
+ * The default table rendering (`<smart-table-standard>`): an unstyled title,
+ * description and toolbar, a `<table>` (only when there are columns) with an
+ * optional checkbox column, the `emptyTpl` row when there are no rows, and
+ * the footer slot. The checkboxes are plain, unbound inputs, as in Angular;
+ * sorting and selection are handled by the preset only.
+ */
+export declare function SmartTableStandard({ options, className }: SmartTableProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/table/standard/table-standard.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTableStandard = SmartTableStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const table_cell_1 = require("../table-cell");
+/**
+ * The default table rendering (`<smart-table-standard>`): an unstyled title,
+ * description and toolbar, a `<table>` (only when there are columns) with an
+ * optional checkbox column, the `emptyTpl` row when there are no rows, and
+ * the footer slot. The checkboxes are plain, unbound inputs, as in Angular;
+ * sorting and selection are handled by the preset only.
+ */
+function SmartTableStandard({ options, className }) {
+    const columns = options?.columns ?? [];
+    const rows = options?.rows ?? [];
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "table-wrapper", children: [options?.title ? (0, jsx_runtime_1.jsx)("h3", { className: "title", children: options.title }) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description })) : null, options?.toolbarTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "toolbar", children: options.toolbarTpl })) : null, columns.length > 0 ? ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [options?.withCheckboxes ? ((0, jsx_runtime_1.jsx)("th", { scope: "col", className: "checkbox-col", "aria-label": "Select rows", children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox" }) })) : null, columns.map((col) => ((0, jsx_runtime_1.jsx)("th", { scope: "col", "aria-label": col.ariaLabel, "data-align": col.align, children: col.headerTpl ? col.headerTpl : (col.label ?? col.key) }, col.key)))] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [rows.map((row, index) => ((0, jsx_runtime_1.jsxs)("tr", { children: [options?.withCheckboxes ? ((0, jsx_runtime_1.jsx)("td", { className: "checkbox-cell", children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox" }) })) : null, columns.map((col) => ((0, jsx_runtime_1.jsx)("td", { "data-align": col.align, children: (0, table_cell_1.renderTableCell)(row, col) }, col.key)))] }, index))), rows.length === 0 && options?.emptyTpl ? ((0, jsx_runtime_1.jsx)("tr", { className: "empty-row", children: (0, jsx_runtime_1.jsx)("td", { colSpan: (options.withCheckboxes ? 1 : 0) + columns.length, children: options.emptyTpl }) })) : null] })] })) : null, options?.footerTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "footer", children: options.footerTpl })) : null] }) }));
+}
+//# sourceMappingURL=table-standard.js.map

package/src/lib/components/table/standard/table-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/table/standard/table-standard.tsx"],"names":[],"mappings":";;AAUA,gDAwEC;;AAlFD,8CAAgD;AAGhD;;;;;;GAMG;AACH,SAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAmB;IACxE,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;IAEjC,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAClE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,8CACE,4CACE,2CACG,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACzB,+BACE,KAAK,EAAC,KAAK,EACX,SAAS,EAAC,cAAc,gBACb,aAAa,YAExB,kCAAO,IAAI,EAAC,UAAU,GAAG,GACtB,CACN,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,+BACE,KAAK,EAAC,KAAK,gBACC,GAAG,CAAC,SAAS,gBACb,GAAG,CAAC,KAAK,YAGpB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,IAFlD,GAAG,CAAC,GAAG,CAGT,CACN,CAAC,IACC,GACC,EACR,8CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,2CACG,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACzB,+BAAI,SAAS,EAAC,eAAe,YAC3B,kCAAO,IAAI,EAAC,UAAU,GAAG,GACtB,CACN,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,6CAAgB,GAAG,CAAC,KAAK,YACtB,IAAA,4BAAe,EAAC,GAAG,EAAE,GAAG,CAAC,IADI,GAAG,CAAC,GAAG,CAElC,CACN,CAAC,KAVK,KAAK,CAWT,CACN,CAAC,EACD,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CACxC,+BAAI,SAAS,EAAC,WAAW,YACvB,+BACE,OAAO,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,YAEzD,OAAO,CAAC,QAAQ,GACd,GACF,CACN,CAAC,CAAC,CAAC,IAAI,IACF,IACF,CACT,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/table/table-cell.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { ISmartTableColumn } from './table.types';
+import { TableRow } from '../../models';
+/**
+ * The content of a body cell: the column's `cellTpl` (called with the
+ * `{ row, column }` context when it is a function), otherwise `row[column.key]`
+ * as text, empty for `null` / `undefined` (Angular's `{{ readCell(...) }}`).
+ */
+export declare function renderTableCell(row: TableRow, column: ISmartTableColumn): ReactNode;

package/src/lib/components/table/table-cell.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTableCell = renderTableCell;
+/**
+ * The content of a body cell: the column's `cellTpl` (called with the
+ * `{ row, column }` context when it is a function), otherwise `row[column.key]`
+ * as text, empty for `null` / `undefined` (Angular's `{{ readCell(...) }}`).
+ */
+function renderTableCell(row, column) {
+    const { cellTpl } = column;
+    if (cellTpl) {
+        return typeof cellTpl === 'function' ? cellTpl({ row, column }) : cellTpl;
+    }
+    const value = row[column.key];
+    return value === null || value === undefined ? '' : String(value);
+}
+//# sourceMappingURL=table-cell.js.map

package/src/lib/components/table/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/table/table-cell.ts"],"names":[],"mappings":";;AAUA,0CAaC;AAlBD;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,GAAa,EACb,MAAyB;IAEzB,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAE3B,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5E,CAAC;IAED,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAE9B,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpE,CAAC"}

package/src/lib/components/table/table.d.ts

@@ -0,0 +1,7 @@
+import { SmartTableProps } from './table.types';
+/**
+ * `<smart-table>`: renders the implementation registered as
+ * `components.table` on `SmartProvider` (the Angular
+ * `TABLE_STANDARD_COMPONENT_TOKEN`), `SmartTableStandard` by default.
+ */
+export declare function SmartTable(props: SmartTableProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/table/table.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTable = SmartTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const table_standard_1 = require("./standard/table-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-table>`: renders the implementation registered as
+ * `components.table` on `SmartProvider` (the Angular
+ * `TABLE_STANDARD_COMPONENT_TOKEN`), `SmartTableStandard` by default.
+ */
+function SmartTable(props) {
+    const Component = (0, hooks_1.useSmartComponent)('table', table_standard_1.SmartTableStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=table.js.map

package/src/lib/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/table/table.tsx"],"names":[],"mappings":";;AASA,gCAIC;;AAbD,8DAA+D;AAE/D,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,OAAO,EAAE,mCAAkB,CAAC,CAAC;IAEjE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/table/table.types.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+import { ITableColumn, ITableOptions, TableRow } from '../../models';
+/**
+ * What a `cellTpl` render function receives: the Angular template context of
+ * the cell (`$implicit` -> `row`, plus `column`).
+ */
+export interface SmartTableCellContext {
+    row: TableRow;
+    column: ISmartTableColumn;
+}
+/** A cell template: a node, or a render function of the cell context. */
+export type SmartTableCellTpl = ReactNode | ((context: SmartTableCellContext) => ReactNode);
+/**
+ * `ITableColumn` whose `cellTpl` may be a render function (the Angular
+ * `TemplateRef` got the row and column as its context). `headerTpl` had no
+ * context and stays a `ReactNode`.
+ */
+export interface ISmartTableColumn extends Omit<ITableColumn, 'cellTpl'> {
+    cellTpl?: SmartTableCellTpl;
+}
+/** `ITableOptions` with {@link ISmartTableColumn} columns. */
+export interface ISmartTableOptions extends Omit<ITableOptions, 'columns'> {
+    columns?: ISmartTableColumn[];
+}
+export interface SmartTableProps {
+    options?: ISmartTableOptions;
+    className?: string;
+}

package/src/lib/components/table/table.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=table.types.js.map

package/src/lib/components/table/table.types.js.map

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

package/src/lib/components/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './preset/preset-classes';
+export * from './preset/tabs-preset';
+export * from './standard/tabs-standard';
+export * from './tabs';
+export * from './tabs.types';
+export * from './use-tabs';

package/src/lib/components/tabs/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./preset/tabs-preset"), exports);
+tslib_1.__exportStar(require("./standard/tabs-standard"), exports);
+tslib_1.__exportStar(require("./tabs"), exports);
+tslib_1.__exportStar(require("./tabs.types"), exports);
+tslib_1.__exportStar(require("./use-tabs"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/tabs/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,+DAAqC;AACrC,mEAAyC;AACzC,iDAAuB;AACvB,uDAA6B;AAC7B,qDAA2B"}

package/src/lib/components/tabs/preset/preset-classes.d.ts

@@ -0,0 +1,14 @@
+import { SmartTabsLayout } from '../../../models';
+export type SmartTabsPresetLayout = SmartTabsLayout;
+/** Outer wrapper around the nav (border-bottom for underline families). */
+export declare function getTabsContainerClasses(layout: SmartTabsPresetLayout): string;
+/** Classes for the <nav role="tablist"> element. */
+export declare function getTabsNavClasses(layout: SmartTabsPresetLayout): string;
+/** Classes for a single tab trigger (button/link), per layout + active state. */
+export declare function getTabsTriggerClasses(layout: SmartTabsPresetLayout, active: boolean): string;
+/** Classes for the trailing count badge inside a tab. */
+export declare function getTabsBadgeClasses(active: boolean): string;
+/** Classes for an optional leading icon wrapper. */
+export declare function getTabsIconClasses(): string;
+/** Classes for the mobile <select> fallback. */
+export declare function getTabsMobileSelectClasses(): string;

package/src/lib/components/tabs/preset/preset-classes.js

@@ -0,0 +1,234 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTabsContainerClasses = getTabsContainerClasses;
+exports.getTabsNavClasses = getTabsNavClasses;
+exports.getTabsTriggerClasses = getTabsTriggerClasses;
+exports.getTabsBadgeClasses = getTabsBadgeClasses;
+exports.getTabsIconClasses = getTabsIconClasses;
+exports.getTabsMobileSelectClasses = getTabsMobileSelectClasses;
+// Shared trigger fragments (Preline -> vanilla Tailwind, smart: prefixed).
+const TRIGGER_COMMON = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-sm',
+    'smart:focus:outline-none',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+// --- Underline family ------------------------------------------------------
+const UNDERLINE_BASE = [
+    'smart:relative',
+    'smart:py-4',
+    'smart:px-1',
+    'smart:whitespace-nowrap',
+    'smart:after:absolute',
+    'smart:after:-bottom-px',
+    'smart:after:inset-x-0',
+    'smart:after:w-full',
+    'smart:after:h-0.5',
+].join(' ');
+const UNDERLINE_INACTIVE = [
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:after:bg-transparent',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:text-blue-400',
+].join(' ');
+const UNDERLINE_ACTIVE = [
+    'smart:font-semibold',
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+    'smart:after:bg-blue-600',
+    'smart:dark:after:bg-blue-500',
+].join(' ');
+// --- Simple (no underline indicator) --------------------------------------
+const SIMPLE_BASE = [
+    'smart:py-4',
+    'smart:px-1',
+    'smart:whitespace-nowrap',
+].join(' ');
+const SIMPLE_INACTIVE = [
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:text-blue-400',
+].join(' ');
+const SIMPLE_ACTIVE = [
+    'smart:font-semibold',
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+].join(' ');
+// --- Pills family ----------------------------------------------------------
+const PILL_BASE = [
+    'smart:py-3',
+    'smart:px-4',
+    'smart:font-medium',
+    'smart:text-center',
+    'smart:rounded-lg',
+].join(' ');
+const PILL_INACTIVE = [
+    'smart:bg-transparent',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:text-blue-400',
+].join(' ');
+const PILL_ACTIVE_NEUTRAL = [
+    'smart:bg-gray-100',
+    'smart:text-gray-800',
+    'smart:dark:bg-gray-700',
+    'smart:dark:text-gray-200',
+].join(' ');
+const PILL_ACTIVE_ON_GRAY = [
+    'smart:bg-white',
+    'smart:text-gray-800',
+    'smart:dark:bg-gray-600',
+    'smart:dark:text-gray-100',
+].join(' ');
+const PILL_ACTIVE_BRAND = [
+    'smart:bg-blue-600',
+    'smart:text-white',
+    'smart:dark:bg-blue-500',
+].join(' ');
+// --- Bar with underline ----------------------------------------------------
+const BAR_BASE = [
+    'smart:relative',
+    'smart:min-w-0',
+    'smart:flex-1',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:first:border-s-0',
+    'smart:border-s',
+    'smart:border-b-2',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:py-4',
+    'smart:px-4',
+    'smart:font-medium',
+    'smart:text-center',
+    'smart:overflow-hidden',
+].join(' ');
+const BAR_INACTIVE = [
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:hover:text-gray-900',
+    'smart:dark:hover:text-white',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+].join(' ');
+const BAR_ACTIVE = [
+    'smart:border-b-blue-600',
+    'smart:dark:border-b-blue-500',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const UNDERLINE_BORDER = 'smart:border-b smart:border-gray-200 smart:dark:border-gray-700';
+const NAV_FLEX = 'smart:flex smart:gap-x-1';
+const NAV_ON_GRAY = 'smart:inline-flex smart:gap-x-1 smart:bg-gray-100 smart:dark:bg-gray-800 smart:rounded-lg smart:p-1';
+const NAV_BAR = 'smart:relative smart:z-0 smart:flex smart:border smart:border-gray-200 smart:dark:border-gray-700 smart:rounded-xl smart:overflow-hidden';
+const UNDERLINE_LAYOUTS = new Set([
+    'underline',
+    'underline-with-icons',
+    'underline-with-badges',
+    'underline-full-width',
+]);
+/** Outer wrapper around the nav (border-bottom for underline families). */
+function getTabsContainerClasses(layout) {
+    return UNDERLINE_LAYOUTS.has(layout) ? UNDERLINE_BORDER : '';
+}
+/** Classes for the <nav role="tablist"> element. */
+function getTabsNavClasses(layout) {
+    switch (layout) {
+        case 'pills-on-gray':
+            return NAV_ON_GRAY;
+        case 'bar-with-underline':
+            return NAV_BAR;
+        default:
+            return NAV_FLEX;
+    }
+}
+/** Classes for a single tab trigger (button/link), per layout + active state. */
+function getTabsTriggerClasses(layout, active) {
+    switch (layout) {
+        case 'pills':
+            return [
+                TRIGGER_COMMON,
+                PILL_BASE,
+                active ? PILL_ACTIVE_NEUTRAL : PILL_INACTIVE,
+            ].join(' ');
+        case 'pills-on-gray':
+            return [
+                TRIGGER_COMMON,
+                PILL_BASE,
+                active ? PILL_ACTIVE_ON_GRAY : PILL_INACTIVE,
+            ].join(' ');
+        case 'pills-with-brand-color':
+            return [
+                TRIGGER_COMMON,
+                PILL_BASE,
+                active ? PILL_ACTIVE_BRAND : PILL_INACTIVE,
+            ].join(' ');
+        case 'bar-with-underline':
+            return [
+                TRIGGER_COMMON,
+                BAR_BASE,
+                active ? BAR_ACTIVE : BAR_INACTIVE,
+            ].join(' ');
+        case 'simple':
+            return [
+                TRIGGER_COMMON,
+                SIMPLE_BASE,
+                active ? SIMPLE_ACTIVE : SIMPLE_INACTIVE,
+            ].join(' ');
+        case 'underline-full-width':
+            return [
+                TRIGGER_COMMON,
+                UNDERLINE_BASE,
+                'smart:flex-1 smart:justify-center',
+                active ? UNDERLINE_ACTIVE : UNDERLINE_INACTIVE,
+            ].join(' ');
+        default:
+            // underline, underline-with-icons, underline-with-badges
+            return [
+                TRIGGER_COMMON,
+                UNDERLINE_BASE,
+                active ? UNDERLINE_ACTIVE : UNDERLINE_INACTIVE,
+            ].join(' ');
+    }
+}
+/** Classes for the trailing count badge inside a tab. */
+function getTabsBadgeClasses(active) {
+    const base = 'smart:ms-1 smart:py-0.5 smart:px-1.5 smart:rounded-full smart:text-xs smart:font-medium';
+    const tone = active
+        ? 'smart:bg-blue-100 smart:text-blue-600 smart:dark:bg-blue-500/20 smart:dark:text-blue-400'
+        : 'smart:bg-gray-100 smart:text-gray-800 smart:dark:bg-gray-700 smart:dark:text-gray-300';
+    return `${base} ${tone}`;
+}
+/** Classes for an optional leading icon wrapper. */
+function getTabsIconClasses() {
+    return 'smart:shrink-0 smart:size-4';
+}
+/** Classes for the mobile <select> fallback. */
+function getTabsMobileSelectClasses() {
+    return [
+        'smart:sm:hidden',
+        'smart:block',
+        'smart:w-full',
+        'smart:py-3',
+        'smart:px-4',
+        'smart:pe-9',
+        'smart:text-sm',
+        'smart:rounded-lg',
+        'smart:border',
+        'smart:border-gray-200',
+        'smart:dark:border-gray-700',
+        'smart:bg-white',
+        'smart:dark:bg-gray-800',
+        'smart:text-gray-900',
+        'smart:dark:text-white',
+        'smart:focus:border-blue-600',
+        'smart:focus:ring-blue-600',
+    ].join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/tabs/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/tabs/preset/preset-classes.ts"],"names":[],"mappings":";;AAwJA,0DAEC;AAGD,8CASC;AAGD,sDAkDC;AAGD,kDAOC;AAGD,gDAEC;AAGD,gEAoBC;AA7PD,2EAA2E;AAC3E,MAAM,cAAc,GAAG;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,0BAA0B;IAC1B,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,8EAA8E;AAC9E,MAAM,cAAc,GAAG;IACrB,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,yBAAyB;IACzB,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,oBAAoB;IACpB,mBAAmB;CACpB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,kBAAkB,GAAG;IACzB,qBAAqB;IACrB,0BAA0B;IAC1B,4BAA4B;IAC5B,2BAA2B;IAC3B,gCAAgC;CACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,gBAAgB,GAAG;IACvB,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;IAC1B,yBAAyB;IACzB,8BAA8B;CAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,6EAA6E;AAC7E,MAAM,WAAW,GAAG;IAClB,YAAY;IACZ,YAAY;IACZ,yBAAyB;CAC1B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,eAAe,GAAG;IACtB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,gCAAgC;CACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,8EAA8E;AAC9E,MAAM,SAAS,GAAG;IAChB,YAAY;IACZ,YAAY;IACZ,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,sBAAsB;IACtB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,gCAAgC;CACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,mBAAmB,GAAG;IAC1B,mBAAmB;IACnB,qBAAqB;IACrB,wBAAwB;IACxB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,mBAAmB,GAAG;IAC1B,gBAAgB;IAChB,qBAAqB;IACrB,wBAAwB;IACxB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAG;IACxB,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;CACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,8EAA8E;AAC9E,MAAM,QAAQ,GAAG;IACf,gBAAgB;IAChB,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,wBAAwB;IACxB,wBAAwB;IACxB,gBAAgB;IAChB,kBAAkB;IAClB,uBAAuB;IACvB,4BAA4B;IAC5B,YAAY;IACZ,YAAY;IACZ,mBAAmB;IACnB,mBAAmB;IACnB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,YAAY,GAAG;IACnB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,6BAA6B;IAC7B,yBAAyB;IACzB,8BAA8B;CAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,UAAU,GAAG;IACjB,yBAAyB;IACzB,8BAA8B;IAC9B,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,gBAAgB,GACpB,iEAAiE,CAAC;AACpE,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAC5C,MAAM,WAAW,GACf,qGAAqG,CAAC;AACxG,MAAM,OAAO,GACX,0IAA0I,CAAC;AAE7I,MAAM,iBAAiB,GAAuC,IAAI,GAAG,CAAC;IACpE,WAAW;IACX,sBAAsB;IACtB,uBAAuB;IACvB,sBAAsB;CACvB,CAAC,CAAC;AAEH,2EAA2E;AAC3E,SAAgB,uBAAuB,CAAC,MAA6B;IACnE,OAAO,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/D,CAAC;AAED,oDAAoD;AACpD,SAAgB,iBAAiB,CAAC,MAA6B;IAC7D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,eAAe;YAClB,OAAO,WAAW,CAAC;QACrB,KAAK,oBAAoB;YACvB,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,iFAAiF;AACjF,SAAgB,qBAAqB,CACnC,MAA6B,EAC7B,MAAe;IAEf,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,OAAO;YACV,OAAO;gBACL,cAAc;gBACd,SAAS;gBACT,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa;aAC7C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,eAAe;YAClB,OAAO;gBACL,cAAc;gBACd,SAAS;gBACT,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa;aAC7C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,wBAAwB;YAC3B,OAAO;gBACL,cAAc;gBACd,SAAS;gBACT,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa;aAC3C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,oBAAoB;YACvB,OAAO;gBACL,cAAc;gBACd,QAAQ;gBACR,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;aACnC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,QAAQ;YACX,OAAO;gBACL,cAAc;gBACd,WAAW;gBACX,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe;aACzC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,sBAAsB;YACzB,OAAO;gBACL,cAAc;gBACd,cAAc;gBACd,mCAAmC;gBACnC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;aAC/C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACd;YACE,yDAAyD;YACzD,OAAO;gBACL,cAAc;gBACd,cAAc;gBACd,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;aAC/C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC;AACH,CAAC;AAED,yDAAyD;AACzD,SAAgB,mBAAmB,CAAC,MAAe;IACjD,MAAM,IAAI,GACR,yFAAyF,CAAC;IAC5F,MAAM,IAAI,GAAG,MAAM;QACjB,CAAC,CAAC,0FAA0F;QAC5F,CAAC,CAAC,uFAAuF,CAAC;IAC5F,OAAO,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;AAC3B,CAAC;AAED,oDAAoD;AACpD,SAAgB,kBAAkB;IAChC,OAAO,6BAA6B,CAAC;AACvC,CAAC;AAED,gDAAgD;AAChD,SAAgB,0BAA0B;IACxC,OAAO;QACL,iBAAiB;QACjB,aAAa;QACb,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,cAAc;QACd,uBAAuB;QACvB,4BAA4B;QAC5B,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;QACrB,uBAAuB;QACvB,6BAA6B;QAC7B,2BAA2B;KAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC"}

package/src/lib/components/tabs/preset/tabs-preset.d.ts

@@ -0,0 +1,11 @@
+import { SmartTabsProps } from '../tabs.types';
+/**
+ * Styled tabs variation (preset). Register it as `components.tabs` on
+ * `SmartProvider` to restyle every `<SmartTabs>`, or render it directly.
+ *
+ * The Preline "underline" tab nav plus the other `SmartTabsLayout`s, without
+ * the Preline Tabs JS: the active tab is React state, and the ARIA
+ * (`role=tablist/tab`, `aria-selected`, `aria-controls`) stays on the markup.
+ * Without a selection the first item is the current tab.
+ */
+export declare function SmartTabsPreset(props: SmartTabsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/tabs/preset/tabs-preset.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTabsPreset = SmartTabsPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const nav_link_1 = require("../../navbar/nav-link");
+const use_tabs_1 = require("../use-tabs");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled tabs variation (preset). Register it as `components.tabs` on
+ * `SmartProvider` to restyle every `<SmartTabs>`, or render it directly.
+ *
+ * The Preline "underline" tab nav plus the other `SmartTabsLayout`s, without
+ * the Preline Tabs JS: the active tab is React state, and the ARIA
+ * (`role=tablist/tab`, `aria-selected`, `aria-controls`) stays on the markup.
+ * Without a selection the first item is the current tab.
+ */
+function SmartTabsPreset(props) {
+    const { options, className } = props;
+    const { selectedId, selectTab } = (0, use_tabs_1.useTabs)(props);
+    const layout = options?.layout ?? 'underline';
+    const items = options?.items ?? [];
+    const ariaLabel = options?.ariaLabel ?? 'Tabs';
+    const showMobileSelect = (options?.showMobileSelect ?? true) && items.length > 0;
+    const currentId = selectedId ?? items[0]?.id ?? null;
+    const isCurrent = (id) => currentId === id;
+    const iconClasses = (0, preset_classes_1.getTabsIconClasses)();
+    const renderContent = (item) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.iconTpl && (0, jsx_runtime_1.jsx)("span", { className: iconClasses, children: item.iconTpl }), item.label, item.badge !== undefined && item.badge !== null && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getTabsBadgeClasses)(isCurrent(item.id)), children: item.badge }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [showMobileSelect && ((0, jsx_runtime_1.jsx)("select", { className: (0, preset_classes_1.getTabsMobileSelectClasses)(), "aria-label": ariaLabel, value: currentId ?? '', onChange: (event) => selectTab(event.target.value), children: items.map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item.id, children: item.label ?? item.id }, item.id))) })), (0, jsx_runtime_1.jsx)("div", { className: showMobileSelect ? 'smart:hidden smart:sm:block' : undefined, children: (0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getTabsContainerClasses)(layout) || undefined, children: (0, jsx_runtime_1.jsx)("nav", { className: (0, preset_classes_1.getTabsNavClasses)(layout), role: "tablist", "aria-orientation": "horizontal", "aria-label": ariaLabel, children: items.map((item) => item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, role: "tab", id: item.id + '-tab', className: (0, preset_classes_1.getTabsTriggerClasses)(layout, isCurrent(item.id)), "aria-selected": isCurrent(item.id), "aria-controls": item.id, onClick: () => selectTab(item.id), children: renderContent(item) }, item.id)) : ((0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", id: item.id + '-tab', className: (0, preset_classes_1.getTabsTriggerClasses)(layout, isCurrent(item.id)), "aria-selected": isCurrent(item.id), "aria-controls": item.id, onClick: () => selectTab(item.id), children: renderContent(item) }, item.id))) }) }) })] }));
+}
+//# sourceMappingURL=tabs-preset.js.map

package/src/lib/components/tabs/preset/tabs-preset.js.map

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

package/src/lib/components/tabs/standard/tabs-standard.d.ts

@@ -0,0 +1,6 @@
+import { SmartTabsProps } from '../tabs.types';
+/**
+ * The default tabs rendering (`<smart-tabs-standard>`). As in Angular, a click
+ * on a tab with an `href` follows the link without changing the selection.
+ */
+export declare function SmartTabsStandard(props: SmartTabsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/tabs/standard/tabs-standard.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTabsStandard = SmartTabsStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../../navbar/nav-link");
+const use_tabs_1 = require("../use-tabs");
+/**
+ * The default tabs rendering (`<smart-tabs-standard>`). As in Angular, a click
+ * on a tab with an `href` follows the link without changing the selection.
+ */
+function SmartTabsStandard(props) {
+    const { options, className } = props;
+    const { selectedId, selectTab } = (0, use_tabs_1.useTabs)(props);
+    const items = options?.items ?? [];
+    const isCurrent = (itemId) => selectedId === itemId;
+    const renderContent = (item) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.iconTpl && (0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: item.iconTpl }), item.label, item.badge !== undefined && item.badge !== null && ((0, jsx_runtime_1.jsx)("span", { className: "tab-badge", children: item.badge }))] }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "tabs", children: [(options?.showMobileSelect ?? true) && items.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "tabs-mobile", children: (0, jsx_runtime_1.jsx)("select", { "aria-label": options?.ariaLabel ?? 'Select a tab', value: selectedId ?? '', onChange: (event) => selectTab(event.target.value), children: items.map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item.id, children: item.label ?? item.id }, item.id))) }) })), (0, jsx_runtime_1.jsx)("nav", { className: "tabs-desktop", "aria-label": options?.ariaLabel ?? 'Tabs', children: (0, jsx_runtime_1.jsx)("ul", { role: "list", className: "tabs-list", children: items.map((item) => ((0, jsx_runtime_1.jsx)("li", { className: "tab", children: item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, className: (0, class_names_1.cn)('tab-link', isCurrent(item.id) && 'current'), "aria-current": isCurrent(item.id) ? 'page' : undefined, children: renderContent(item) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('tab-button', isCurrent(item.id) && 'current'), "aria-current": isCurrent(item.id) ? 'page' : undefined, onClick: () => selectTab(item.id), children: renderContent(item) })) }, item.id))) }) })] }) }));
+}
+//# sourceMappingURL=tabs-standard.js.map