@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/modules/table/components/TableFiltering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFiltering.js","names":["Button"],"sources":["../../../../../src/modules/table/components/TableFiltering.tsx"],"sourcesContent":["import {\r\n  DatePicker,\r\n  DateRangePicker,\r\n  type DateValue,\r\n  Input,\r\n  Select,\r\n  SelectItem,\r\n  type SharedSelection,\r\n} from \"@heroui/react\";\r\nimport { getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport type {\r\n  ColumnDataType,\r\n  ComponentForFilterMethod,\r\n  FilterMethod,\r\n  FilterMethods,\r\n} from \"@m5kdev/commons/modules/table/filter.types\";\r\nimport { PlusIcon, XIcon } from \"lucide-react\";\r\nimport type { ReactNode } from \"react\";\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { Button } from \"../../../components/ui/button\";\r\nimport {\r\n  type FilterValue,\r\n  type HeroUIFilter,\r\n  transformFiltersFromHeroUI,\r\n  transformFiltersToHeroUI,\r\n} from \"../filterTransformers\";\r\n\r\ntype ComponentRenderer = (\r\n  value: FilterValue,\r\n  onChange: (value: FilterValue) => void,\r\n  options?: { label: string; value: string }[]\r\n) => ReactNode;\r\n\r\nconst componentForFilterMethod: Record<ComponentForFilterMethod, ComponentRenderer> = {\r\n  text: (value, onChange) => (\r\n    <Input\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      value={(value as string) ?? \"\"}\r\n      onChange={(e) => onChange(e.target.value)}\r\n    />\r\n  ),\r\n  number: (value, onChange) => (\r\n    <Input\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      type=\"number\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      value={(value as number | null)?.toString() ?? \"\"}\r\n      onChange={(e) => onChange(Number.parseFloat(e.target.value) || 0)}\r\n    />\r\n  ),\r\n  date: (value, onChange) => (\r\n    <DatePicker\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      value={(value as any) ?? undefined}\r\n      onChange={(date) => date && onChange(date as FilterValue)}\r\n      maxValue={today(getLocalTimeZone()) as unknown as DateValue}\r\n    />\r\n  ),\r\n  range: (value, onChange) => (\r\n    <DateRangePicker\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      value={(value as any) ?? undefined}\r\n      onChange={(range) => range && onChange(range as FilterValue)}\r\n      maxValue={today(getLocalTimeZone()) as unknown as DateValue}\r\n    />\r\n  ),\r\n  radio: (value, onChange) => (\r\n    <Select\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      selectedKeys={(value as boolean | null) ? [\"true\"] : [\"false\"]}\r\n      onSelectionChange={(keys) => onChange(keys.currentKey === \"true\")}\r\n    >\r\n      <SelectItem key=\"true\" className=\"text-sm\">\r\n        True\r\n      </SelectItem>\r\n      <SelectItem key=\"false\" className=\"text-sm\">\r\n        False\r\n      </SelectItem>\r\n    </Select>\r\n  ),\r\n  select: (value, onChange, options = []) => (\r\n    <Select\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      selectedKeys={(value as SharedSelection) ?? new Set()}\r\n      onSelectionChange={(keys) => keys && onChange(keys as FilterValue)}\r\n    >\r\n      {options.map((option) => (\r\n        <SelectItem key={option.value} className=\"text-sm\">\r\n          {option.label}\r\n        </SelectItem>\r\n      ))}\r\n    </Select>\r\n  ),\r\n  multiSelect: (value, onChange, options = []) => (\r\n    <Select\r\n      size=\"sm\"\r\n      aria-label=\"Select Value\"\r\n      selectionMode=\"multiple\"\r\n      className=\"flex-1 min-w-0 text-sm\"\r\n      selectedKeys={value ? new Set(value as SharedSelection) : new Set()}\r\n      onSelectionChange={(keys) => onChange(keys as FilterValue)}\r\n    >\r\n      {options.map((option) => (\r\n        <SelectItem key={option.value} className=\"text-sm\">\r\n          {option.label}\r\n        </SelectItem>\r\n      ))}\r\n    </Select>\r\n  ),\r\n};\r\n\r\nconst defaultFilterMethods: FilterMethods = {\r\n  string: [\r\n    { value: \"contains\", label: \"Contains\", component: \"text\" },\r\n    { value: \"equals\", label: \"Equals\", component: \"text\" },\r\n    { value: \"starts_with\", label: \"Starts With\", component: \"text\" },\r\n    { value: \"ends_with\", label: \"Ends With\", component: \"text\" },\r\n  ],\r\n  number: [\r\n    { value: \"equals\", label: \"Equals\", component: \"number\" },\r\n    { value: \"greater_than\", label: \"Greater Than\", component: \"number\" },\r\n    { value: \"less_than\", label: \"Less Than\", component: \"number\" },\r\n  ],\r\n  date: [\r\n    { value: \"on\", label: \"On\", component: \"date\" },\r\n    { value: \"between\", label: \"Between\", component: \"range\" },\r\n    { value: \"before\", label: \"Before\", component: \"date\" },\r\n    { value: \"after\", label: \"After\", component: \"date\" },\r\n    { value: \"intersect\", label: \"During\", component: \"range\" },\r\n  ],\r\n  boolean: [{ value: \"equals\", label: \"Equals\", component: \"radio\" }],\r\n  enum: [\r\n    { value: \"oneOf\", label: \"One Of\", component: \"multiSelect\" },\r\n    { value: \"equals\", label: \"Equals\", component: \"select\" },\r\n  ],\r\n};\r\n\r\nconst SINGLE_FILTER_KEY = \"single-filter\";\r\n\r\ntype TableFilteringProps = {\r\n  columns: {\r\n    id: string;\r\n    label: string;\r\n    type?: ColumnDataType | null;\r\n    options?: { label: string; value: string }[] | null;\r\n    endColumnId?: string | null;\r\n    periodStartColumnId?: string | null;\r\n    periodEndColumnId?: string | null;\r\n  }[];\r\n  onFiltersChange: (filters: QueryFilters) => void;\r\n  filters: QueryFilters;\r\n  onClose?: () => void;\r\n  singleFilter?: boolean;\r\n  filterMethods?: Partial<FilterMethods>;\r\n};\r\n\r\nconst mergeFilterMethods = (overrides?: Partial<FilterMethods>): FilterMethods => ({\r\n  string:\r\n    overrides?.string && overrides.string.length > 0\r\n      ? overrides.string\r\n      : defaultFilterMethods.string,\r\n  number:\r\n    overrides?.number && overrides.number.length > 0\r\n      ? overrides.number\r\n      : defaultFilterMethods.number,\r\n  date: overrides?.date && overrides.date.length > 0 ? overrides.date : defaultFilterMethods.date,\r\n  boolean:\r\n    overrides?.boolean && overrides.boolean.length > 0\r\n      ? overrides.boolean\r\n      : defaultFilterMethods.boolean,\r\n  enum: overrides?.enum && overrides.enum.length > 0 ? overrides.enum : defaultFilterMethods.enum,\r\n});\r\n\r\nexport const TableFiltering = ({\r\n  columns,\r\n  onFiltersChange,\r\n  filters: initialFilters = [],\r\n  onClose,\r\n  singleFilter = false,\r\n  filterMethods,\r\n}: TableFilteringProps) => {\r\n  const [filters, setFilters] = useState<Record<string, HeroUIFilter>>({});\r\n  const effectiveFilterMethods = useMemo(() => mergeFilterMethods(filterMethods), [filterMethods]);\r\n\r\n  const createEmptyFilter = useCallback(\r\n    (): HeroUIFilter => ({\r\n      columnId: \"\",\r\n      type: null,\r\n      value: null,\r\n      method: null,\r\n      options: null,\r\n      endColumnId: null,\r\n      periodStartColumnId: null,\r\n      periodEndColumnId: null,\r\n    }),\r\n    []\r\n  );\r\n\r\n  const addFilter = useCallback(() => {\r\n    setFilters((prev) => {\r\n      if (!singleFilter) {\r\n        const filterId = crypto.randomUUID();\r\n        return {\r\n          ...prev,\r\n          [filterId]: createEmptyFilter(),\r\n        };\r\n      }\r\n\r\n      // single filter mode\r\n      return Object.keys(prev).length > 0 ? prev : { [SINGLE_FILTER_KEY]: createEmptyFilter() };\r\n    });\r\n  }, [createEmptyFilter, singleFilter]);\r\n\r\n  const removeFilter = useCallback(\r\n    (filterId: string) => {\r\n      setFilters((prev) => {\r\n        if (!singleFilter) {\r\n          const { [filterId]: _, ...rest } = prev;\r\n          return rest;\r\n        }\r\n\r\n        // single filter mode resets the lone filter\r\n        return { [SINGLE_FILTER_KEY]: createEmptyFilter() };\r\n      });\r\n    },\r\n    [createEmptyFilter, singleFilter]\r\n  );\r\n\r\n  const columnsMap = useMemo(\r\n    () => new Map(columns.map((column) => [column.id, column])),\r\n    [columns]\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Transform initialFilters from FiltersToApply format to HeroUIFilter format\r\n    const transformedFilters = transformFiltersToHeroUI(\r\n      initialFilters,\r\n      columnsMap,\r\n      effectiveFilterMethods\r\n    );\r\n\r\n    if (!singleFilter) {\r\n      setFilters(Object.fromEntries(transformedFilters.map((filter) => [filter.columnId, filter])));\r\n      return;\r\n    }\r\n\r\n    const firstFilter = transformedFilters[0];\r\n    setFilters({\r\n      [SINGLE_FILTER_KEY]: firstFilter ?? createEmptyFilter(),\r\n    });\r\n  }, [createEmptyFilter, initialFilters, singleFilter, columnsMap, effectiveFilterMethods]);\r\n\r\n  const selectColumn = useCallback(\r\n    (filterId: string, columnId: string) => {\r\n      setFilters((prev) => {\r\n        const oldFilter = prev[filterId];\r\n        if (!oldFilter) return prev;\r\n        const column = columnsMap.get(columnId);\r\n        if (!column) return prev;\r\n\r\n        // If Period column, auto-set intersect method\r\n        const isPeriodColumn = columnId.endsWith(\"__period\");\r\n        const intersectMethod = isPeriodColumn\r\n          ? (effectiveFilterMethods.date.find((m) => m.value === \"intersect\") ?? null)\r\n          : null;\r\n\r\n        return {\r\n          ...prev,\r\n          [filterId]: {\r\n            ...oldFilter,\r\n            columnId,\r\n            type: column.type ?? null,\r\n            options: column.options ?? null,\r\n            endColumnId: column.endColumnId ?? null,\r\n            periodStartColumnId: column.periodStartColumnId ?? null,\r\n            periodEndColumnId: column.periodEndColumnId ?? null,\r\n            method: intersectMethod,\r\n            value: null,\r\n          },\r\n        };\r\n      });\r\n    },\r\n    [columnsMap, effectiveFilterMethods]\r\n  );\r\n\r\n  const selectMethod = useCallback((filterId: string, method: FilterMethod) => {\r\n    setFilters((prev) => {\r\n      const oldFilter = prev[filterId];\r\n      if (!oldFilter) return prev;\r\n      return {\r\n        ...prev,\r\n        [filterId]: { ...oldFilter, method, value: null },\r\n      };\r\n    });\r\n  }, []);\r\n\r\n  const selectValue = useCallback((filterId: string, value: FilterValue) => {\r\n    setFilters((prev) => {\r\n      const oldFilter = prev[filterId];\r\n      if (!oldFilter) return prev;\r\n      return {\r\n        ...prev,\r\n        [filterId]: { ...oldFilter, value },\r\n      };\r\n    });\r\n  }, []);\r\n\r\n  const filterEntries = useMemo(() => Object.entries(filters), [filters]);\r\n\r\n  const availableColumnsMap = useMemo(() => {\r\n    const map = new Map<string, typeof columns>();\r\n    filterEntries.forEach(([filterId]) => {\r\n      const columnsUsedByOtherFilters = new Set(\r\n        filterEntries\r\n          .filter(([id]) => id !== filterId)\r\n          .map(([_, f]) => f.columnId)\r\n          .filter((id) => id !== \"\")\r\n      );\r\n      map.set(\r\n        filterId,\r\n        columns.filter((column) => !columnsUsedByOtherFilters.has(column.id))\r\n      );\r\n    });\r\n    return map;\r\n  }, [filterEntries, columns]);\r\n\r\n  const applyFilters = useCallback(() => {\r\n    const heroUIFilters = Object.values(filters);\r\n    const filtersToApply = transformFiltersFromHeroUI(heroUIFilters);\r\n    onFiltersChange(filtersToApply);\r\n    onClose?.();\r\n  }, [filters, onFiltersChange, onClose]);\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-2 p-1 min-w-[600px]\">\r\n      {filterEntries.map(([filterId, filter]) => {\r\n        const availableColumns = availableColumnsMap.get(filterId) ?? columns;\r\n        return (\r\n          <TableFilteringItem\r\n            key={filterId}\r\n            id={filterId}\r\n            filter={filter}\r\n            columns={availableColumns}\r\n            selectColumn={selectColumn}\r\n            selectMethod={selectMethod}\r\n            removeFilter={removeFilter}\r\n            selectValue={selectValue}\r\n            filterMethods={effectiveFilterMethods}\r\n          />\r\n        );\r\n      })}\r\n      {!singleFilter && (\r\n        <Button variant=\"outline\" size=\"sm\" onClick={addFilter}>\r\n          <PlusIcon className=\"h-4 w-4\" />\r\n          Add Filter\r\n        </Button>\r\n      )}\r\n      <Button onClick={applyFilters}>{singleFilter ? \"Apply Filter\" : \"Apply Filters\"}</Button>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst TableFilteringItem = ({\r\n  id,\r\n  filter,\r\n  columns,\r\n  selectColumn,\r\n  selectMethod,\r\n  selectValue,\r\n  removeFilter,\r\n  filterMethods,\r\n}: {\r\n  id: string;\r\n  filter: HeroUIFilter;\r\n  columns: {\r\n    id: string;\r\n    label: string;\r\n    type?: ColumnDataType | null;\r\n    options?: { label: string; value: string }[] | null;\r\n    endColumnId?: string | null;\r\n    periodStartColumnId?: string | null;\r\n    periodEndColumnId?: string | null;\r\n  }[];\r\n  selectColumn: (filterId: string, columnId: string) => void;\r\n  selectMethod: (filterId: string, method: FilterMethod) => void;\r\n  selectValue: (filterId: string, value: FilterValue) => void;\r\n  removeFilter: (filterId: string) => void;\r\n  filterMethods: FilterMethods;\r\n}) => {\r\n  const handleColumnChange = useCallback(\r\n    (keys: any) => {\r\n      const columnId = String(keys.currentKey);\r\n      selectColumn(id, columnId);\r\n    },\r\n    [id, selectColumn]\r\n  );\r\n\r\n  const methodsForType = useMemo(() => {\r\n    if (!filter.type) return [];\r\n\r\n    // Period columns only support intersect method\r\n    const isPeriodColumn = filter.columnId.endsWith(\"__period\");\r\n    if (isPeriodColumn) {\r\n      const intersectMethod = filterMethods.date.find((m) => m.value === \"intersect\");\r\n      return intersectMethod ? [intersectMethod] : [];\r\n    }\r\n\r\n    const baseMethods = filterMethods[filter.type as ColumnDataType] ?? [];\r\n    const emptyMethods: FilterMethod[] = [\r\n      { value: \"isEmpty\", label: \"Is Empty\", component: null },\r\n      { value: \"isNotEmpty\", label: \"Is Not Empty\", component: null },\r\n    ];\r\n\r\n    if (filter.type !== \"boolean\" && filter.type !== \"date\") {\r\n      return [...baseMethods, ...emptyMethods];\r\n    }\r\n\r\n    return baseMethods;\r\n  }, [filter.type, filter.columnId, filter.method?.value, filterMethods]);\r\n\r\n  const handleMethodChange = useCallback(\r\n    (keys: any) => {\r\n      if (!filter.type) return;\r\n      // Use methodsForType instead of filterMethods to include dynamically added methods\r\n      const method = methodsForType.find(\r\n        (currentMethod: FilterMethod) => currentMethod.value === String(keys.currentKey)\r\n      );\r\n      if (method) {\r\n        selectMethod(id, method);\r\n      }\r\n    },\r\n    [id, filter.type, selectMethod, methodsForType]\r\n  );\r\n\r\n  const handleValueChange = useCallback(\r\n    (value: FilterValue) => {\r\n      selectValue(id, value);\r\n    },\r\n    [id, selectValue]\r\n  );\r\n\r\n  const methodSelect = useMemo(() => {\r\n    if (!filter.type) return null;\r\n    return (\r\n      <Select\r\n        size=\"sm\"\r\n        aria-label=\"Select Method\"\r\n        className=\"w-40 flex-shrink-0 text-sm\"\r\n        selectedKeys={filter.method?.value ? [filter.method.value] : []}\r\n        onSelectionChange={handleMethodChange}\r\n        popoverProps={{\r\n          className: \"w-auto min-w-max\",\r\n        }}\r\n      >\r\n        {methodsForType.map((method: FilterMethod) => (\r\n          <SelectItem key={method.value} className=\"text-sm\">\r\n            {method.label}\r\n          </SelectItem>\r\n        ))}\r\n      </Select>\r\n    );\r\n  }, [filter.type, filter.method?.value, methodsForType, handleMethodChange]);\r\n\r\n  const filterValueComponent = useMemo(() => {\r\n    if (!filter.method?.component) {\r\n      return <div className=\"flex-1 min-w-0\" />;\r\n    }\r\n    const component = filter.method.component as ComponentForFilterMethod;\r\n    const ComponentFn =\r\n      componentForFilterMethod[component as keyof typeof componentForFilterMethod];\r\n    if (!ComponentFn) return <div className=\"flex-1 min-w-0\" />;\r\n    return ComponentFn(filter.value as any, handleValueChange, filter.options ?? []);\r\n  }, [filter.method?.component, filter.value, filter.options, handleValueChange]);\r\n\r\n  const columnSelectItems = useMemo(\r\n    () =>\r\n      columns.map((column) => (\r\n        <SelectItem key={column.id} className=\"text-sm\">\r\n          {String(column.label)}\r\n        </SelectItem>\r\n      )),\r\n    [columns]\r\n  );\r\n\r\n  return (\r\n    <div className=\"flex items-center gap-2 w-full\">\r\n      <div className=\"flex flex-1 items-center gap-2 min-w-0\">\r\n        <Select\r\n          size=\"sm\"\r\n          aria-label=\"Select Column\"\r\n          className=\"w-40 flex-shrink-0 text-sm\"\r\n          selectedKeys={filter.columnId ? [filter.columnId] : []}\r\n          onSelectionChange={handleColumnChange}\r\n          popoverProps={{\r\n            className: \"w-auto min-w-max\",\r\n          }}\r\n        >\r\n          {columnSelectItems}\r\n        </Select>\r\n        {methodSelect}\r\n        {filterValueComponent}\r\n      </div>\r\n      <Button variant=\"outline\" size=\"sm\" onClick={() => removeFilter(id)}>\r\n        <XIcon className=\"h-4 w-4\" />\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/modules/table/components/TableGroupBy.d.ts

@@ -1,12 +1,22 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/table/components/TableGroupBy.d.ts
 interface TableGroupByColumn {
-    id: string;
-    label: string;
+  id: string;
+  label: string;
 }
 interface TableGroupByProps {
-    columns: TableGroupByColumn[];
-    activeGrouping: string[];
-    onGroupingChange: (columnIds: string[]) => void;
-    onClose: () => void;
+  columns: TableGroupByColumn[];
+  activeGrouping: string[];
+  onGroupingChange: (columnIds: string[]) => void;
+  onClose: () => void;
 }
-export declare const TableGroupBy: ({ columns, activeGrouping, onGroupingChange, onClose, }: TableGroupByProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const TableGroupBy: ({
+  columns,
+  activeGrouping,
+  onGroupingChange,
+  onClose
+}: TableGroupByProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableGroupBy };
+//# sourceMappingURL=TableGroupBy.d.ts.map

package/dist/src/modules/table/components/TableGroupBy.js

@@ -1,18 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../components/ui/button.js";
 import { useState } from "react";
-import { Button } from "../../../components/ui/button";
-import { cn } from "../../../lib/utils";
-export const TableGroupBy = ({ columns, activeGrouping, onGroupingChange, onClose, }) => {
-    const [selected, setSelected] = useState(activeGrouping);
-    const toggle = (id) => {
-        setSelected((prev) => (prev.includes(id) ? prev.filter((s) => s !== id) : [...prev, id]));
-    };
-    const onApply = () => {
-        onGroupingChange(selected);
-        onClose();
-    };
-    const onClear = () => {
-        setSelected([]);
-    };
-    return (_jsxs("div", { className: "flex flex-col gap-2 p-1 min-w-[180px]", children: [_jsx("div", { className: "flex flex-col gap-0.5", children: columns.map((col) => (_jsxs("button", { type: "button", className: cn("text-left px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors flex items-center gap-2", selected.includes(col.id) && "bg-muted font-medium"), onClick: () => toggle(col.id), children: [_jsx("span", { className: cn("h-4 w-4 rounded border border-muted-foreground/40 flex items-center justify-center shrink-0 text-xs", selected.includes(col.id) && "bg-primary border-primary text-primary-foreground"), children: selected.includes(col.id) ? "✓" : "" }), col.label, selected.includes(col.id) && selected.length > 1 && (_jsx("span", { className: "text-muted-foreground text-xs ml-auto", children: selected.indexOf(col.id) + 1 }))] }, col.id))) }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: onClear, className: "flex-1", children: "Clear" }), _jsx(Button, { size: "sm", onClick: onApply, className: "flex-1", children: "Apply" })] })] }));
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modules/table/components/TableGroupBy.tsx
+const TableGroupBy = ({ columns, activeGrouping, onGroupingChange, onClose }) => {
+	const [selected, setSelected] = useState(activeGrouping);
+	const toggle = (id) => {
+		setSelected((prev) => prev.includes(id) ? prev.filter((s) => s !== id) : [...prev, id]);
+	};
+	const onApply = () => {
+		onGroupingChange(selected);
+		onClose();
+	};
+	const onClear = () => {
+		setSelected([]);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 p-1 min-w-[180px]",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-0.5",
+			children: columns.map((col) => /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: cn("text-left px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors flex items-center gap-2", selected.includes(col.id) && "bg-muted font-medium"),
+				onClick: () => toggle(col.id),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: cn("h-4 w-4 rounded border border-muted-foreground/40 flex items-center justify-center shrink-0 text-xs", selected.includes(col.id) && "bg-primary border-primary text-primary-foreground"),
+						children: selected.includes(col.id) ? "✓" : ""
+					}),
+					col.label,
+					selected.includes(col.id) && selected.length > 1 && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-xs ml-auto",
+						children: selected.indexOf(col.id) + 1
+					})
+				]
+			}, col.id))
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-1.5",
+			children: [/* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "outline",
+				onClick: onClear,
+				className: "flex-1",
+				children: "Clear"
+			}), /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				onClick: onApply,
+				className: "flex-1",
+				children: "Apply"
+			})]
+		})]
+	});
 };
+//#endregion
+export { TableGroupBy };
+
+//# sourceMappingURL=TableGroupBy.js.map

package/dist/src/modules/table/components/TableGroupBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGroupBy.js","names":[],"sources":["../../../../../src/modules/table/components/TableGroupBy.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { Button } from \"../../../components/ui/button\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\ninterface TableGroupByColumn {\r\n  id: string;\r\n  label: string;\r\n}\r\n\r\ninterface TableGroupByProps {\r\n  columns: TableGroupByColumn[];\r\n  activeGrouping: string[];\r\n  onGroupingChange: (columnIds: string[]) => void;\r\n  onClose: () => void;\r\n}\r\n\r\nexport const TableGroupBy = ({\r\n  columns,\r\n  activeGrouping,\r\n  onGroupingChange,\r\n  onClose,\r\n}: TableGroupByProps) => {\r\n  const [selected, setSelected] = useState<string[]>(activeGrouping);\r\n\r\n  const toggle = (id: string) => {\r\n    setSelected((prev) => (prev.includes(id) ? prev.filter((s) => s !== id) : [...prev, id]));\r\n  };\r\n\r\n  const onApply = () => {\r\n    onGroupingChange(selected);\r\n    onClose();\r\n  };\r\n\r\n  const onClear = () => {\r\n    setSelected([]);\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-2 p-1 min-w-[180px]\">\r\n      <div className=\"flex flex-col gap-0.5\">\r\n        {columns.map((col) => (\r\n          <button\r\n            key={col.id}\r\n            type=\"button\"\r\n            className={cn(\r\n              \"text-left px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors flex items-center gap-2\",\r\n              selected.includes(col.id) && \"bg-muted font-medium\"\r\n            )}\r\n            onClick={() => toggle(col.id)}\r\n          >\r\n            <span\r\n              className={cn(\r\n                \"h-4 w-4 rounded border border-muted-foreground/40 flex items-center justify-center shrink-0 text-xs\",\r\n                selected.includes(col.id) && \"bg-primary border-primary text-primary-foreground\"\r\n              )}\r\n            >\r\n              {selected.includes(col.id) ? \"✓\" : \"\"}\r\n            </span>\r\n            {col.label}\r\n            {selected.includes(col.id) && selected.length > 1 && (\r\n              <span className=\"text-muted-foreground text-xs ml-auto\">\r\n                {selected.indexOf(col.id) + 1}\r\n              </span>\r\n            )}\r\n          </button>\r\n        ))}\r\n      </div>\r\n      <div className=\"flex gap-1.5\">\r\n        <Button size=\"sm\" variant=\"outline\" onClick={onClear} className=\"flex-1\">\r\n          Clear\r\n        </Button>\r\n        <Button size=\"sm\" onClick={onApply} className=\"flex-1\">\r\n          Apply\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAgBA,MAAa,gBAAgB,EAC3B,SACA,gBACA,kBACA,cACuB;CACvB,MAAM,CAAC,UAAU,eAAe,SAAmB,eAAe;CAElE,MAAM,UAAU,OAAe;AAC7B,eAAa,SAAU,KAAK,SAAS,GAAG,GAAG,KAAK,QAAQ,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,MAAM,GAAG,CAAE;;CAG3F,MAAM,gBAAgB;AACpB,mBAAiB,SAAS;AAC1B,WAAS;;CAGX,MAAM,gBAAgB;AACpB,cAAY,EAAE,CAAC;;AAGjB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,QAAQ,KAAK,QACZ,qBAAC,UAAD;IAEE,MAAK;IACL,WAAW,GACT,kGACA,SAAS,SAAS,IAAI,GAAG,IAAI,uBAC9B;IACD,eAAe,OAAO,IAAI,GAAG;cAP/B;KASE,oBAAC,QAAD;MACE,WAAW,GACT,uGACA,SAAS,SAAS,IAAI,GAAG,IAAI,oDAC9B;gBAEA,SAAS,SAAS,IAAI,GAAG,GAAG,MAAM;MAC9B,CAAA;KACN,IAAI;KACJ,SAAS,SAAS,IAAI,GAAG,IAAI,SAAS,SAAS,KAC9C,oBAAC,QAAD;MAAM,WAAU;gBACb,SAAS,QAAQ,IAAI,GAAG,GAAG;MACvB,CAAA;KAEF;MAtBF,IAAI,GAsBF,CACT;GACE,CAAA,EACN,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IAAQ,MAAK;IAAK,SAAQ;IAAU,SAAS;IAAS,WAAU;cAAS;IAEhE,CAAA,EACT,oBAAC,QAAD;IAAQ,MAAK;IAAK,SAAS;IAAS,WAAU;cAAS;IAE9C,CAAA,CACL;KACF"}

package/dist/src/modules/table/components/TablePagination.d.ts

@@ -1,9 +1,19 @@
-import type { TableProps } from "@m5kdev/frontend/modules/table/hooks/useNuqsTable";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { TableProps } from "@m5kdev/frontend/modules/table/hooks/useNuqsTable";
+
+//#region src/modules/table/components/TablePagination.d.ts
 interface TablePaginationProps {
-    pageCount: number;
-    page: TableProps["page"];
-    limit: TableProps["limit"];
-    setPagination: TableProps["setPagination"];
+  pageCount: number;
+  page: TableProps["page"];
+  limit: TableProps["limit"];
+  setPagination: TableProps["setPagination"];
 }
-export declare const TablePagination: ({ pageCount, page, limit, setPagination, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const TablePagination: ({
+  pageCount,
+  page,
+  limit,
+  setPagination
+}: TablePaginationProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TablePagination };
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/src/modules/table/components/TablePagination.js

@@ -1,34 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../../../components/ui/input.js";
+import { Pagination, PaginationContent, PaginationNext, PaginationPrevious } from "../../../components/ui/pagination.js";
 import { useEffect, useState } from "react";
-import { Input } from "../../../components/ui/input";
-import { Pagination, PaginationContent, PaginationNext, PaginationPrevious, } from "../../../components/ui/pagination";
-export const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination, }) => {
-    const [inputValue, setInputValue] = useState(String(page));
-    useEffect(() => {
-        setInputValue(String(page));
-    }, [page]);
-    const commitPage = () => {
-        const newPage = Number(inputValue);
-        if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) {
-            setPagination?.({ pageIndex: newPage - 1, pageSize: limit });
-        }
-        else {
-            setInputValue(String(page));
-        }
-    };
-    const isFirstPage = page === 1;
-    const isLastPage = page >= pageCount;
-    return (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationPrevious, { isActive: !isFirstPage, "aria-disabled": isFirstPage, className: isFirstPage ? "pointer-events-none opacity-50" : undefined, onClick: () => {
-                        if (!isFirstPage) {
-                            setPagination?.({ pageIndex: page - 2, pageSize: limit });
-                        }
-                    } }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Input, { type: "number", value: inputValue, min: 1, max: pageCount, onChange: (e) => setInputValue(e.target.value), onBlur: commitPage, onKeyDown: (e) => {
-                                if (e.key === "Enter") {
-                                    commitPage();
-                                }
-                            } }), _jsxs("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["/ ", pageCount] })] }), _jsx(PaginationNext, { isActive: !isLastPage, "aria-disabled": isLastPage, className: isLastPage ? "pointer-events-none opacity-50" : undefined, onClick: () => {
-                        if (!isLastPage) {
-                            setPagination?.({ pageIndex: page, pageSize: limit });
-                        }
-                    } })] }) }));
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modules/table/components/TablePagination.tsx
+const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination }) => {
+	const [inputValue, setInputValue] = useState(String(page));
+	useEffect(() => {
+		setInputValue(String(page));
+	}, [page]);
+	const commitPage = () => {
+		const newPage = Number(inputValue);
+		if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) setPagination?.({
+			pageIndex: newPage - 1,
+			pageSize: limit
+		});
+		else setInputValue(String(page));
+	};
+	const isFirstPage = page === 1;
+	const isLastPage = page >= pageCount;
+	return /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+		/* @__PURE__ */ jsx(PaginationPrevious, {
+			isActive: !isFirstPage,
+			"aria-disabled": isFirstPage,
+			className: isFirstPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isFirstPage) setPagination?.({
+					pageIndex: page - 2,
+					pageSize: limit
+				});
+			}
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx(Input, {
+				type: "number",
+				value: inputValue,
+				min: 1,
+				max: pageCount,
+				onChange: (e) => setInputValue(e.target.value),
+				onBlur: commitPage,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") commitPage();
+				}
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-sm text-muted-foreground whitespace-nowrap",
+				children: ["/ ", pageCount]
+			})]
+		}),
+		/* @__PURE__ */ jsx(PaginationNext, {
+			isActive: !isLastPage,
+			"aria-disabled": isLastPage,
+			className: isLastPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isLastPage) setPagination?.({
+					pageIndex: page,
+					pageSize: limit
+				});
+			}
+		})
+	] }) });
 };
+//#endregion
+export { TablePagination };
+
+//# sourceMappingURL=TablePagination.js.map

package/dist/src/modules/table/components/TablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../../../src/modules/table/components/TablePagination.tsx"],"sourcesContent":["import type { TableProps } from \"@m5kdev/frontend/modules/table/hooks/useNuqsTable\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Input } from \"../../../components/ui/input\";\r\nimport {\r\n  Pagination,\r\n  PaginationContent,\r\n  PaginationNext,\r\n  PaginationPrevious,\r\n} from \"../../../components/ui/pagination\";\r\n\r\ninterface TablePaginationProps {\r\n  pageCount: number;\r\n  page: TableProps[\"page\"];\r\n  limit: TableProps[\"limit\"];\r\n  setPagination: TableProps[\"setPagination\"];\r\n}\r\n\r\nexport const TablePagination = ({\r\n  pageCount,\r\n  page = 1,\r\n  limit = 10,\r\n  setPagination,\r\n}: TablePaginationProps) => {\r\n  const [inputValue, setInputValue] = useState(String(page));\r\n\r\n  useEffect(() => {\r\n    setInputValue(String(page));\r\n  }, [page]);\r\n\r\n  const commitPage = () => {\r\n    const newPage = Number(inputValue);\r\n    if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) {\r\n      setPagination?.({ pageIndex: newPage - 1, pageSize: limit });\r\n    } else {\r\n      setInputValue(String(page));\r\n    }\r\n  };\r\n\r\n  const isFirstPage = page === 1;\r\n  const isLastPage = page >= pageCount;\r\n  return (\r\n    <Pagination>\r\n      <PaginationContent>\r\n        <PaginationPrevious\r\n          isActive={!isFirstPage}\r\n          aria-disabled={isFirstPage}\r\n          className={isFirstPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isFirstPage) {\r\n              setPagination?.({ pageIndex: page - 2, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n        <div className=\"flex items-center gap-1.5\">\r\n          <Input\r\n            type=\"number\"\r\n            value={inputValue}\r\n            min={1}\r\n            max={pageCount}\r\n            onChange={(e) => setInputValue(e.target.value)}\r\n            onBlur={commitPage}\r\n            onKeyDown={(e) => {\r\n              if (e.key === \"Enter\") {\r\n                commitPage();\r\n              }\r\n            }}\r\n          />\r\n          <span className=\"text-sm text-muted-foreground whitespace-nowrap\">/ {pageCount}</span>\r\n        </div>\r\n        <PaginationNext\r\n          isActive={!isLastPage}\r\n          aria-disabled={isLastPage}\r\n          className={isLastPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isLastPage) {\r\n              setPagination?.({ pageIndex: page, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n      </PaginationContent>\r\n    </Pagination>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAiBA,MAAa,mBAAmB,EAC9B,WACA,OAAO,GACP,QAAQ,IACR,oBAC0B;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,OAAO,KAAK,CAAC;AAE1D,iBAAgB;AACd,gBAAc,OAAO,KAAK,CAAC;IAC1B,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB;EACvB,MAAM,UAAU,OAAO,WAAW;AAClC,MAAI,OAAO,SAAS,QAAQ,IAAI,WAAW,KAAK,WAAW,UACzD,iBAAgB;GAAE,WAAW,UAAU;GAAG,UAAU;GAAO,CAAC;MAE5D,eAAc,OAAO,KAAK,CAAC;;CAI/B,MAAM,cAAc,SAAS;CAC7B,MAAM,aAAa,QAAQ;AAC3B,QACE,oBAAC,YAAD,EAAA,UACE,qBAAC,mBAAD,EAAA,UAAA;EACE,oBAAC,oBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,cAAc,mCAAmC,KAAA;GAC5D,eAAe;AACb,QAAI,CAAC,YACH,iBAAgB;KAAE,WAAW,OAAO;KAAG,UAAU;KAAO,CAAC;;GAG7D,CAAA;EACF,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,MAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW,MAAM,cAAc,EAAE,OAAO,MAAM;IAC9C,QAAQ;IACR,YAAY,MAAM;AAChB,SAAI,EAAE,QAAQ,QACZ,aAAY;;IAGhB,CAAA,EACF,qBAAC,QAAD;IAAM,WAAU;cAAhB,CAAkE,MAAG,UAAiB;MAClF;;EACN,oBAAC,gBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,aAAa,mCAAmC,KAAA;GAC3D,eAAe;AACb,QAAI,CAAC,WACH,iBAAgB;KAAE,WAAW;KAAM,UAAU;KAAO,CAAC;;GAGzD,CAAA;EACgB,EAAA,CAAA,EACT,CAAA"}

package/dist/src/modules/table/components/table.types.d.ts

@@ -1,12 +1,17 @@
-import type { ColumnDataType as CommonColumnDataType } from "@m5kdev/commons/modules/table/filter.types";
-export type ColumnDataType = CommonColumnDataType;
-export type ColumnItem = {
-    id: string;
+import { ColumnDataType as ColumnDataType$1 } from "@m5kdev/commons/modules/table/filter.types";
+
+//#region src/modules/table/components/table.types.d.ts
+type ColumnDataType = ColumnDataType$1;
+type ColumnItem = {
+  id: string;
+  label: string;
+  visibility: boolean;
+  options?: {
     label: string;
-    visibility: boolean;
-    options?: {
-        label: string;
-        value: string;
-    }[];
-    type?: ColumnDataType;
+    value: string;
+  }[];
+  type?: ColumnDataType;
 };
+//#endregion
+export { ColumnDataType, ColumnItem };
+//# sourceMappingURL=table.types.d.ts.map

package/dist/src/modules/table/components/table.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/modules/table/filterTransformers.d.ts

@@ -1,53 +1,58 @@
-import type { DateValue, RangeValue, SharedSelection } from "@heroui/react";
+import { DateValue, RangeValue, SharedSelection } from "@heroui/react";
 import { CalendarDate } from "@internationalized/date";
-import type { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
-import type { ColumnDataType, FilterMethod } from "@m5kdev/commons/modules/table/filter.types";
-export type FilterValue = string | number | string[] | DateValue | RangeValue<DateValue> | boolean | SharedSelection | null;
-export interface HeroUIFilter {
-    columnId: string;
-    type: ColumnDataType | null;
-    value: FilterValue;
-    method: FilterMethod | null;
-    options?: {
-        label: string;
-        value: string;
-    }[] | null;
-    endColumnId?: string | null;
-    periodStartColumnId?: string | null;
-    periodEndColumnId?: string | null;
+import { ColumnDataType, FilterMethod } from "@m5kdev/commons/modules/table/filter.types";
+import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
+
+//#region src/modules/table/filterTransformers.d.ts
+type FilterValue = string | number | string[] | DateValue | RangeValue<DateValue> | boolean | SharedSelection | null;
+interface HeroUIFilter {
+  columnId: string;
+  type: ColumnDataType | null;
+  value: FilterValue;
+  method: FilterMethod | null;
+  options?: {
+    label: string;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
 }
 /**
  * Convert CalendarDate to UTC ISO string at midnight UTC
  */
-export declare const calendarDateToUTC: (date: CalendarDate) => string;
+declare const calendarDateToUTC: (date: CalendarDate) => string;
 /**
  * Convert CalendarDate to end of day UTC ISO string
  */
-export declare const calendarDateToEndOfDayUTC: (date: CalendarDate) => string;
+declare const calendarDateToEndOfDayUTC: (date: CalendarDate) => string;
 /**
  * Convert any date filter method from URL to a RangeValue for DateRangePicker
  * Handles: on, before, after, between, intersect
  * Parses UTC ISO strings as UTC to avoid timezone shifts
  */
-export declare const dateFilterToRangeValue: (filters: QueryFilters | undefined, columnId: string) => RangeValue<DateValue> | null;
+declare const dateFilterToRangeValue: (filters: QueryFilters | undefined, columnId: string) => RangeValue<DateValue> | null;
 /**
  * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
  * Used when loading filters from URL/backend to populate HeroUI components
  */
-export declare const transformFiltersToHeroUI: (filtersToTransform: QueryFilters, columnsMap: Map<string, {
-    id: string;
+declare const transformFiltersToHeroUI: (filtersToTransform: QueryFilters, columnsMap: Map<string, {
+  id: string;
+  label: string;
+  type?: ColumnDataType | null;
+  options?: {
     label: string;
-    type?: ColumnDataType | null;
-    options?: {
-        label: string;
-        value: string;
-    }[] | null;
-    endColumnId?: string | null;
-    periodStartColumnId?: string | null;
-    periodEndColumnId?: string | null;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
 }>, filterMethods: Record<ColumnDataType, FilterMethod[]>) => HeroUIFilter[];
 /**
  * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
  * Used when applying filters to send to backend/URL
  */
-export declare const transformFiltersFromHeroUI: (filters: HeroUIFilter[]) => QueryFilters;
+declare const transformFiltersFromHeroUI: (filters: HeroUIFilter[]) => QueryFilters;
+//#endregion
+export { FilterValue, HeroUIFilter, calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, transformFiltersFromHeroUI, transformFiltersToHeroUI };
+//# sourceMappingURL=filterTransformers.d.ts.map