gantri-components 2.90.0-beta.1 → 2.90.0-beta.10

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const customActionPositions: {
+    readonly bottom: "bottom";
+    readonly handleSelections: "handle-selections";
+    readonly left: "left";
+    readonly right: "right";
+};

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledBottomActionsFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+    showClearSelectedRows: boolean;
+}, never>;

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.types.d.ts

@@ -3,6 +3,7 @@ import { RowData, Table } from '@tanstack/react-table';
 import { PagingProps } from './components/paging/paging.types';
 import { SortProps } from './components/sort/sort.types';
 import { SearchProps } from './components/search/search.types';
+import { customActionPositions } from './table-actions-wrapper.constants';
 export type { SearchProps };
 export type FiltersProps = {
     count: number;
@@ -18,7 +19,7 @@ export interface CustomActionComponentProps<TData extends RowData> {
 }
 export interface CustomActionProps<TData extends RowData> {
     Component: JSXElementConstructor<CustomActionComponentProps<TData>>;
-    position: 'left' | 'right' | 'bottom';
+    position: typeof customActionPositions[keyof typeof customActionPositions];
 }
 export interface TableActionsWrapperProps<TData extends RowData> {
     className: string | undefined;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.d.ts

@@ -1 +1,2 @@
+export declare const dataAttrClearSelected = "data-clear-selected";
 export declare const ClearSelectedRows: () => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.d.ts

@@ -1,2 +1,3 @@
+import { PropsWithChildren } from 'react';
 import { SelectableRowFooterProps } from './selectable-table-row-footer.types';
-export declare const SelectableRowFooter: (props: SelectableRowFooterProps) => JSX.Element;
+export declare const SelectableRowFooter: (props: PropsWithChildren<SelectableRowFooterProps>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.types.d.ts

@@ -1,5 +1,3 @@
-import { JSXElementConstructor } from 'react';
-export type SelectableRowFooterTypeDef = JSXElementConstructor<SelectableRowFooterProps>;
 export interface SelectableRowFooterProps {
-    text: string;
+    index: number;
 }

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.d.ts

@@ -1,2 +1,3 @@
 import { Row, RowData } from '@tanstack/react-table';
-export declare const getRowRange: <TData extends RowData<import("../../../..").CustomTData>>(rows: Row<TData>[], currentId: number, selectedId: number) => Row<TData>[];
+import { GetRowRangeProps } from './get-row-range.types';
+export declare const getRowRange: <TData extends RowData<import("../../../..").CustomTData>>(props: GetRowRangeProps<TData>) => Row<TData>[];

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.types.d.ts

@@ -0,0 +1,6 @@
+import { Row, RowData } from '@tanstack/react-table';
+export interface GetRowRangeProps<TData extends RowData> {
+    currentIndex: number;
+    prevIndex: number;
+    rows: Row<TData>[];
+}

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.types.d.ts

@@ -1,6 +1,9 @@
+import { RowData } from '@tanstack/react-table';
 import { rowSelectionTypes } from './use-selectable-table-rows.constants';
-export interface RowSelection {
+export interface RowSelection<TData extends RowData> {
     disabled?: boolean;
+    idProperty?: keyof TData;
+    onSelect?: (selectedRecords: TData[]) => void;
     type: RowSelectionType;
 }
 export type RowSelectionType = typeof rowSelectionTypes[keyof typeof rowSelectionTypes];

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

@@ -1,6 +1,6 @@
 export type { GetAfterRowComponentDef, AfterRowComponentDef, } from './components/after-row-component/after-row-component.types';
-export * from './table.providers';
+export * from './table';
 export * from './table.types';
 export * from './components/table-row/table-row.constants';
 export * from './components/table-actions-wrapper/table-actions-wrapper.types';
-export { useRowSelectionContext } from './table.context';
+export * from './table.context';

package/dist/components/table/table.context.d.ts

@@ -1,8 +1,13 @@
-import { RowSelectionState } from '@tanstack/react-table';
+import { RowData, RowSelectionState } from '@tanstack/react-table';
 import React, { PropsWithChildren } from 'react';
-export declare const RowSelectionProviders: ({ children, }: PropsWithChildren<Record<never, never>>) => JSX.Element;
-export declare const useRowSelectionContext: () => {
-    clearSelectedRows: () => void;
+import { GenericContextValue } from '../../hooks/use-provider/use-provider.types';
+export declare const RowSelectionContext: React.Context<GenericContextValue<RowSelectionState>>;
+export declare const LastSelectedIdContext: React.Context<GenericContextValue<string>>;
+export declare const IsRowSelectionDisabledContext: React.Context<GenericContextValue<boolean>>;
+export declare const IsRowSelectionCheckboxesContext: React.Context<GenericContextValue<boolean>>;
+export declare const RowSelectionProviders: React.MemoExoticComponent<({ children }: PropsWithChildren<Record<never, never>>) => JSX.Element>;
+/** If you need to call any of these helpers outside of the `Table` component, you must wrap your code in `RowSelectionProviders` at a higher level */
+export declare const useTableContext: () => {
     isRowSelectionCheckboxes: boolean;
     isRowSelectionDisabled: boolean;
     lastSelectedId: string;
@@ -12,3 +17,13 @@ export declare const useRowSelectionContext: () => {
     setLastSelectedId: React.Dispatch<React.SetStateAction<string>>;
     setRowSelectionState: React.Dispatch<React.SetStateAction<RowSelectionState>>;
 };
+export declare const useRowSelection: () => {
+    clearSelectedRows: () => void;
+    deselectRows: (rowIds: (string | number)[]) => void;
+    getIsRowSelected: (rowId: number | string) => boolean;
+    getSelectedRowsData: <TData extends RowData<import("./table.types").CustomTData>>(props: {
+        idProperty: keyof TData | undefined;
+        records: TData[];
+    }) => TData[];
+    selectRows: (rowIds: (string | number)[]) => void;
+};

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

@@ -64,7 +64,7 @@ export interface TableProps<TData extends RowData> extends Partial<TableDefaultP
     options?: Partial<TableOptions<TData>>;
     paging?: PagingProps;
     reordering?: RowReorderingProps<TData>;
-    rowSelection?: RowSelection;
+    rowSelection?: RowSelection<TData>;
     search?: SearchProps;
     sorting?: SortProps;
     syncState?: SyncState;

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-provider';

package/dist/hooks/use-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './use-provider';

package/dist/hooks/use-provider/use-provider.d.ts

@@ -0,0 +1,33 @@
+import React, { PropsWithChildren } from 'react';
+import { GenericContextValue } from './use-provider.types';
+export declare const createGenericContext: <Type>(defaultValue: Type) => React.Context<GenericContextValue<Type>>;
+/**
+ * ```
+ * const defaultMyValue = 'foo';
+ *
+ * const MyContext = createGenericContext(defaultMyValue);
+ *
+ * const OuterWrapper = () => {
+ *   const MyProvider = useProvider({
+ *     Context: MyContext,
+ *     defaultValue: defaultMyValue,
+ *   });
+ *
+ *   return (
+ *     <MyProvider>
+ *       <InnerComponent />
+ *     </MyProvider>
+ *   );
+ * }
+ *
+ * const InnerComponent = () => {
+ *   const [myValue, setMyValue] = useContext(MyContext);
+ *
+ *   // ...
+ * }
+ * ```
+ */
+export declare const useProvider: <Type>(props: {
+    Context: React.Context<GenericContextValue<Type>>;
+    defaultValue: Type;
+}) => React.MemoExoticComponent<({ children }: PropsWithChildren<Record<never, never>>) => JSX.Element>;

package/dist/hooks/use-provider/use-provider.types.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export type GenericContextValue<Type> = [Type, Dispatch<SetStateAction<Type>>];