@optimum-intelligence/opti-ui 0.2.0 → 0.3.0

package/dist/components/data-table/DataTableFilters.js

@@ -0,0 +1,284 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { ChevronDownIcon, XIcon } from "../../icons/index.js";
+import { Button } from "../button/Button.js";
+import { Toggle } from "../toggle/Toggle.js";
+import { Select } from "../select/Select.js";
+import { formatDate } from "../calendar/date-utils.js";
+import { DateRangePicker } from "../date-picker/DateRangePicker.js";
+import { useDataTableContext } from "./context.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-table/DataTableFilters.tsx
+/** The control of one filter: a dropdown, a toggle chip or a date range picker. */
+function DataTableFilter(t0) {
+	const $ = c(41);
+	const { id, size: t1, className } = t0;
+	const size = t1 === void 0 ? "md" : t1;
+	const table = useDataTableContext();
+	const t2 = table.filters;
+	let T0;
+	let T1;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== className || $[1] !== id || $[2] !== size || $[3] !== table) {
+		t9 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let t10;
+			if ($[13] !== id) {
+				t10 = (candidate) => candidate.id === id;
+				$[13] = id;
+				$[14] = t10;
+			} else t10 = $[14];
+			const filter = t2.find(t10);
+			if (!filter) {
+				t9 = null;
+				break bb0;
+			}
+			const value = table.filterValues[id];
+			let t11;
+			if ($[15] !== className) {
+				t11 = cx("oui-data-table__filter", className);
+				$[15] = className;
+				$[16] = t11;
+			} else t11 = $[16];
+			const classes = t11;
+			if (filter.type === "toggle") {
+				let t12;
+				if ($[17] !== id || $[18] !== table) {
+					t12 = (pressed) => table.setFilterValue(id, pressed || void 0);
+					$[17] = id;
+					$[18] = table;
+					$[19] = t12;
+				} else t12 = $[19];
+				t9 = /* @__PURE__ */ jsx(Toggle, {
+					size,
+					className: classes,
+					pressed: value !== void 0,
+					onPressedChange: t12,
+					children: filter.label
+				});
+				break bb0;
+			}
+			if (filter.type === "dateRange") {
+				const range = value ?? null;
+				let t12;
+				if ($[20] !== id || $[21] !== table) {
+					t12 = (next) => table.setFilterValue(id, next ?? void 0);
+					$[20] = id;
+					$[21] = table;
+					$[22] = t12;
+				} else t12 = $[22];
+				t9 = /* @__PURE__ */ jsx(DateRangePicker, {
+					size,
+					className: classes,
+					placeholder: filter.label,
+					value: range,
+					onValueChange: t12,
+					presets: filter.presets,
+					min: filter.min,
+					max: filter.max,
+					locale: table.locale,
+					triggerProps: { "aria-label": range ? `${filter.label}: ${formatDate(range.start)} – ${formatDate(range.end)}` : filter.label }
+				});
+				break bb0;
+			}
+			T1 = Select.Root;
+			t5 = [{
+				value: null,
+				label: table.labels.filterAll
+			}, ...filter.options];
+			t6 = value ?? null;
+			if ($[23] !== id || $[24] !== table) {
+				t7 = (next_0) => table.setFilterValue(id, next_0 ?? void 0);
+				$[23] = id;
+				$[24] = table;
+				$[25] = t7;
+			} else t7 = $[25];
+			let t12;
+			if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+				t12 = /* @__PURE__ */ jsx(Select.Value, {});
+				$[26] = t12;
+			} else t12 = $[26];
+			let t13;
+			if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+				t13 = /* @__PURE__ */ jsx("span", {
+					className: "oui-select__icon",
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+				});
+				$[27] = t13;
+			} else t13 = $[27];
+			t8 = /* @__PURE__ */ jsxs(Select.Trigger, {
+				size,
+				className: classes,
+				"data-active": value !== void 0 ? "" : void 0,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "oui-data-table__filter-label",
+						children: filter.label
+					}),
+					t12,
+					t13
+				]
+			});
+			T0 = Select.Content;
+			if ($[28] !== table.labels.filterAll) {
+				t3 = /* @__PURE__ */ jsx(Select.Item, {
+					value: null,
+					children: table.labels.filterAll
+				});
+				$[28] = table.labels.filterAll;
+				$[29] = t3;
+			} else t3 = $[29];
+			t4 = filter.options.map(_temp);
+		}
+		$[0] = className;
+		$[1] = id;
+		$[2] = size;
+		$[3] = table;
+		$[4] = T0;
+		$[5] = T1;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = t7;
+		$[11] = t8;
+		$[12] = t9;
+	} else {
+		T0 = $[4];
+		T1 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+		t5 = $[8];
+		t6 = $[9];
+		t7 = $[10];
+		t8 = $[11];
+		t9 = $[12];
+	}
+	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
+	let t10;
+	if ($[30] !== T0 || $[31] !== t3 || $[32] !== t4) {
+		t10 = /* @__PURE__ */ jsxs(T0, { children: [t3, t4] });
+		$[30] = T0;
+		$[31] = t3;
+		$[32] = t4;
+		$[33] = t10;
+	} else t10 = $[33];
+	let t11;
+	if ($[34] !== T1 || $[35] !== t10 || $[36] !== t5 || $[37] !== t6 || $[38] !== t7 || $[39] !== t8) {
+		t11 = /* @__PURE__ */ jsxs(T1, {
+			items: t5,
+			value: t6,
+			onValueChange: t7,
+			children: [t8, t10]
+		});
+		$[34] = T1;
+		$[35] = t10;
+		$[36] = t5;
+		$[37] = t6;
+		$[38] = t7;
+		$[39] = t8;
+		$[40] = t11;
+	} else t11 = $[40];
+	return t11;
+}
+function _temp(option) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		value: option.value,
+		children: option.label
+	}, option.value);
+}
+/** Every filter of the table, with a clear button while any is active. Children are added after the filters. */
+function DataTableFilters(t0) {
+	const $ = c(23);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({size: t1, className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	const table = useDataTableContext();
+	if (!table.filters.length && !children) return null;
+	const t2 = table.labels.filters;
+	let t3;
+	if ($[5] !== className) {
+		t3 = cx("oui-data-table__filters", className);
+		$[5] = className;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== size || $[8] !== table.filters) {
+		let t5;
+		if ($[10] !== size) {
+			t5 = (filter) => /* @__PURE__ */ jsx(DataTableFilter, {
+				id: filter.id,
+				size
+			}, filter.id);
+			$[10] = size;
+			$[11] = t5;
+		} else t5 = $[11];
+		t4 = table.filters.map(t5);
+		$[7] = size;
+		$[8] = table.filters;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[12] !== table.activeFilterCount || $[13] !== table.clearFilters || $[14] !== table.labels.clearFilters) {
+		t5 = table.activeFilterCount > 0 && /* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			variant: "ghost",
+			shape: "rounded",
+			onClick: table.clearFilters,
+			children: [/* @__PURE__ */ jsx(XIcon, {}), table.labels.clearFilters]
+		});
+		$[12] = table.activeFilterCount;
+		$[13] = table.clearFilters;
+		$[14] = table.labels.clearFilters;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== children || $[17] !== props || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== table.labels.filters) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-label": t2,
+			className: t3,
+			...props,
+			children: [
+				t4,
+				children,
+				t5
+			]
+		});
+		$[16] = children;
+		$[17] = props;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = table.labels.filters;
+		$[22] = t6;
+	} else t6 = $[22];
+	return t6;
+}
+//#endregion
+export { DataTableFilter, DataTableFilters };
+
+//# sourceMappingURL=DataTableFilters.js.map

package/dist/components/data-table/DataTableFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilters.js","names":["React","cx","ChevronDownIcon","XIcon","Button","formatDate","DateRange","DateRangePicker","Select","Toggle","useDataTableContext","DataTableControlSize","DataTableFilterProps","id","size","className","DataTableFilter","t0","$","_c","t1","undefined","table","t2","filters","T0","T1","t3","t4","t5","t6","t7","t8","t9","Symbol","for","bb0","t10","candidate","filter","find","value","filterValues","t11","classes","type","t12","pressed","setFilterValue","label","range","next","presets","min","max","locale","start","end","Root","labels","filterAll","options","next_0","t13","Content","map","_temp","option","DataTableFiltersProps","HTMLAttributes","HTMLDivElement","DataTableFilters","children","props","length","activeFilterCount","clearFilters","_c"],"sources":["../../../src/components/data-table/DataTableFilters.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { ChevronDownIcon, XIcon } from '../../icons';\nimport { Button } from '../button/Button';\nimport { formatDate, type DateRange } from '../calendar/date-utils';\nimport { DateRangePicker } from '../date-picker/DateRangePicker';\nimport { Select } from '../select/Select';\nimport { Toggle } from '../toggle/Toggle';\nimport { useDataTableContext } from './context';\n\nexport type DataTableControlSize = 'sm' | 'md';\n\nexport interface DataTableFilterProps {\n  /** Id of the filter: the column id, or the `id` given in `filters`. */\n  id: string;\n  size?: DataTableControlSize;\n  className?: string;\n}\n\n/** The control of one filter: a dropdown, a toggle chip or a date range picker. */\nexport function DataTableFilter({ id, size = 'md', className }: DataTableFilterProps) {\n  const table = useDataTableContext();\n  const filter = table.filters.find((candidate) => candidate.id === id);\n  if (!filter) return null;\n  const value = table.filterValues[id];\n  const classes = cx('oui-data-table__filter', className);\n\n  if (filter.type === 'toggle') {\n    return (\n      <Toggle\n        size={size}\n        className={classes}\n        pressed={value !== undefined}\n        onPressedChange={(pressed) => table.setFilterValue(id, pressed || undefined)}\n      >\n        {filter.label}\n      </Toggle>\n    );\n  }\n\n  if (filter.type === 'dateRange') {\n    const range = (value as DateRange | undefined) ?? null;\n    return (\n      <DateRangePicker\n        size={size}\n        className={classes}\n        placeholder={filter.label}\n        value={range}\n        onValueChange={(next) => table.setFilterValue(id, next ?? undefined)}\n        presets={filter.presets}\n        min={filter.min}\n        max={filter.max}\n        locale={table.locale}\n        triggerProps={{\n          'aria-label': range ? `${filter.label}: ${formatDate(range.start)} – ${formatDate(range.end)}` : filter.label,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Select.Root\n      items={[{ value: null, label: table.labels.filterAll }, ...filter.options]}\n      value={(value as string | undefined) ?? null}\n      onValueChange={(next) => table.setFilterValue(id, next ?? undefined)}\n    >\n      <Select.Trigger size={size} className={classes} data-active={value !== undefined ? '' : undefined}>\n        <span className=\"oui-data-table__filter-label\">{filter.label}</span>\n        <Select.Value />\n        <span className=\"oui-select__icon\">\n          <ChevronDownIcon />\n        </span>\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={null}>{table.labels.filterAll}</Select.Item>\n        {filter.options.map((option) => (\n          <Select.Item key={option.value} value={option.value}>\n            {option.label}\n          </Select.Item>\n        ))}\n      </Select.Content>\n    </Select.Root>\n  );\n}\n\nexport interface DataTableFiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: DataTableControlSize;\n}\n\n/** Every filter of the table, with a clear button while any is active. Children are added after the filters. */\nexport function DataTableFilters({ size = 'md', className, children, ...props }: DataTableFiltersProps) {\n  const table = useDataTableContext();\n  if (!table.filters.length && !children) return null;\n  return (\n    <div role=\"group\" aria-label={table.labels.filters} className={cx('oui-data-table__filters', className)} {...props}>\n      {table.filters.map((filter) => (\n        <DataTableFilter key={filter.id} id={filter.id} size={size} />\n      ))}\n      {children}\n      {table.activeFilterCount > 0 && (\n        <Button size=\"sm\" variant=\"ghost\" shape=\"rounded\" onClick={table.clearFilters}>\n          <XIcon />\n          {table.labels.clearFilters}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data-table/DataTableRow.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { DataTableColumn, DataTableEntry, DataTableInstance } from './types';
+/** Whether the column's editor is the built-in text input, which takes the focus when editing starts. */
+export declare function isTextEditor<T>(column: DataTableColumn<T>): boolean;
+/** What a cell shows outside editing: the column's `cell`, or its value as text. */
+export declare function cellContent<T>(column: DataTableColumn<T>, row: T): React.ReactNode;
+interface RowActionsProps<T> {
+    table: DataTableInstance<T>;
+    entry: DataTableEntry<T>;
+    /** Called with the edit button before editing starts. */
+    onEdit?: (button: HTMLElement) => void;
+}
+/** Trailing cell of a row: its own actions, then edit and delete; save and cancel while it is edited. */
+export declare function RowActions<T>({ table, entry: { row, id }, onEdit }: RowActionsProps<T>): React.JSX.Element;
+export interface DataTableRowProps<T> {
+    table: DataTableInstance<T>;
+    entry: DataTableEntry<T>;
+    columns: DataTableColumn<T>[];
+    hasActions: boolean;
+    /** Id of the column whose editor takes the focus when editing starts. */
+    focused?: string;
+    /** Virtualized tables: position among all rows, and the height every row shares. */
+    index?: number;
+    height?: number;
+}
+declare function Row<T>({ table, entry, columns, hasActions, focused, index, height }: DataTableRowProps<T>): React.JSX.Element;
+export declare const DataTableRow: typeof Row;
+/**
+ * A row that only gives its columns their width: what the cells would show, at
+ * no height. Rendered while the column widths are measured, never painted.
+ */
+export declare function SizerRow<T>({ table, entry, columns, hasActions }: DataTableRowProps<T>): React.JSX.Element;
+export {};