lecom-ui 5.4.39 → 5.4.41

package/dist/components/DataTable/DataTable.js

@@ -21,12 +21,19 @@ function DataTable({
   onIsSelected,
   expandedContent,
   initialExpanded,
-  onExpandedChange
+  onExpandedChange,
+  sorting: controlledSorting,
+  onSortingChange: controlledOnSortingChange,
+  manualSorting = false
 }) {
-  const [sorting, setSorting] = React.useState([]);
+  const [internalSorting, setInternalSorting] = React.useState(
+    []
+  );
   const [expanded, setExpanded] = React.useState(
     initialExpanded || {}
   );
+  const sorting = controlledSorting ?? internalSorting;
+  const setSorting = controlledOnSortingChange ?? setInternalSorting;
   const memorizedColumns = React.useMemo(
     () => buildColumns({
       columns,
@@ -51,10 +58,13 @@ function DataTable({
       columns: memorizedColumns,
       getCoreRowModel: getCoreRowModel(),
       onSortingChange: setSorting,
-      getSortedRowModel: getSortedRowModel(),
+      ...manualSorting ? {} : { getSortedRowModel: getSortedRowModel() },
       getExpandedRowModel: getExpandedRowModel(),
       enableExpanding: !!expandedContent,
       onExpandedChange: handleExpandedChange,
+      manualSorting,
+      enableSortingRemoval: true,
+      enableMultiSort: false,
       state: {
         sorting,
         expanded
@@ -65,8 +75,10 @@ function DataTable({
       memorizedColumns,
       handleExpandedChange,
       sorting,
+      setSorting,
       expanded,
-      expandedContent
+      expandedContent,
+      manualSorting
     ]
   );
   const table = useReactTable(tableConfig);

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export { Bar, BarChart, BarProps, CartesianGrid, Label, LabelList, LegendType, X
 import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { FillColor as FillColor$1, BgColor as BgColor$1 } from '@/tokens/colors';
-import { Table, Column as Column$1, Row as Row$1, ExpandedState } from '@tanstack/react-table';
+import { Table, Column as Column$1, Row as Row$1, ExpandedState, SortingState, OnChangeFn } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -412,6 +412,9 @@ interface DataTableProps<TData, TValue> {
     expandedContent?: (row: Row$1<TData>) => React.ReactNode;
     initialExpanded?: ExpandedState;
     onExpandedChange?: (expanded: ExpandedState) => void;
+    sorting?: SortingState;
+    onSortingChange?: OnChangeFn<SortingState>;
+    manualSorting?: boolean;
 }
 interface Row<TData> {
     row: Row$1<TData>;
@@ -457,7 +460,7 @@ interface TableProps<TData, TValue> {
     expandedContent?: (row: Row$1<TData>) => React.ReactNode;
 }
 
-declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, size, skeleton, onIsSelected, expandedContent, initialExpanded, onExpandedChange, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
+declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, size, skeleton, onIsSelected, expandedContent, initialExpanded, onExpandedChange, sorting: controlledSorting, onSortingChange: controlledOnSortingChange, manualSorting, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
 declare const MemoizedDataTable: typeof DataTable & {
     displayName?: string;
 };
@@ -995,7 +998,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.4.39",
+  "version": "5.4.41",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",