grep-components 2.12.0 → 2.13.0

package/dist/components/GrepSelect/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SelectProps, InputBaseComponentProps } from '@mui/material';
+import { SelectProps, InputBaseComponentProps, InputLabelProps } from '@mui/material';
 export interface SelectItem {
     value: string | number;
     label?: string;
@@ -14,6 +14,7 @@ export type GrepSelectProps = SelectProps & {
     selectItems: SelectItem[];
     unselectOption?: boolean;
     useCheckedSelect?: boolean;
+    labelProps?: InputLabelProps;
     inputProps?: InputBaseComponentProps | undefined;
 };
 declare const _default: React.ComponentType<GrepSelectProps>;

package/dist/components/SortableTable/components/sortableTableRow.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { TableColumn } from '../../GrepTable';
+interface props<T> extends Omit<React.HTMLProps<HTMLTableRowElement>, 'id'> {
+    id: UniqueIdentifier;
+    item: T;
+    columns: Array<TableColumn<T>>;
+}
+export declare function SortableTableRow2<T>({ id, columns, item, ...props }: props<T>): ReactElement;
+export {};

package/dist/components/SortableTable/index.d.ts

@@ -1,20 +1,38 @@
-import { ReactNode, JSX } from 'react';
+import { UniqueIdentifier } from '@dnd-kit/core';
 import { TableCellProps } from '@mui/material/TableCell';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { TableColumn } from '../GrepTable';
 export interface CellNode {
     value: ReactNode;
     properties?: TableCellProps;
 }
-interface Properties<T = unknown> {
-    columns: Array<keyof T>;
-    items: T[];
+export interface dndModifiers {
+    modifiers: 'restrict';
+    dragOverlay: boolean;
+}
+interface SortableTableProperties<T extends {
+    id: UniqueIdentifier;
+}> {
+    columns: Array<TableColumn<T>>;
+    data: T[];
+    /** @default false */
+    header?: boolean;
+    /** @default "medium"
+     * Overrides tablecell sizes
+     */
+    size?: 'small' | 'medium';
+    /** Disables drag and drop for the component */
     disabled?: boolean;
-    identify: (item: T) => string | number;
-    headerValue?: (column: keyof T) => CellNode | ReactNode;
-    cellValue?: (column: keyof T, item: T) => CellNode | ReactNode;
     onChange?: (order: {
         id: string | number;
         index: number;
     }[]) => void;
+    /** Restricts possibility to drag outside the table itself
+     * ref: https://docs.dndkit.com/api-documentation/modifiers */
+    modifiers?: 'restrict';
 }
-export declare const SortableTable: <T>({ columns, items, identify, headerValue, cellValue, disabled, onChange, }: Properties<T>) => JSX.Element;
+declare const SortableTable: <T extends {
+    id: UniqueIdentifier;
+}>({ data, onChange, ...props }: SortableTableProperties<T>) => ReactElement;
 export default SortableTable;

package/dist/components/SortableTable/stories/SortableTable.stories.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Standard: {
+export declare const SortableTableStory: {
     render: () => React.JSX.Element;
     name: string;
 };

package/dist/components/SortableTable/styles/row.style.d.ts

@@ -1,12 +1,10 @@
-export declare const useStyles: (params: {
-    isDragging: boolean;
-}, muiStyleOverridesParams?: {
+export declare const useSortableTableStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"row", string>;
+    classes: Record<"dragOverlayRow" | "sortableRow", string>;
     theme: import("@mui/material").Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;
 };
-export default useStyles;
+export default useSortableTableStyles;