@erxes/ui 3.2.25-5 → 3.2.25-next.1

package/dist/modules/record-table/components/RecordTableProvider.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, type ReactNode } from 'react';
 import { ColumnDef, type TableOptions } from '@tanstack/react-table';
 import { IRecordTableContext } from 'erxes-ui/modules/record-table/types/recordTableTypes';
 export declare function useRecordTable(): IRecordTableContext;
-interface RecordTableProviderProps extends HTMLAttributes<HTMLDivElement> {
+export interface RecordTableProviderProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     columns: ColumnDef<any>[];
     data: any[];
@@ -11,4 +11,3 @@ interface RecordTableProviderProps extends HTMLAttributes<HTMLDivElement> {
     tableId?: string;
 }
 export declare const RecordTableProvider: import("react").ForwardRefExoticComponent<RecordTableProviderProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/modules/record-table/index.d.ts

@@ -0,0 +1,71 @@
+import { useRecordTable } from './components/RecordTableProvider';
+import { RecordTableRow } from './components/RecordTableRow';
+export declare const RecordTable: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
+    Provider: import("react").ForwardRefExoticComponent<import("./components/RecordTableProvider").RecordTableProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: ({ showColumnSelector, }: {
+        showColumnSelector?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Head: ({ header, children, className, ...props }: React.ComponentProps<"th"> & {
+        header: import("@tanstack/table-core").Header<any, unknown>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    InlineHead: (props: {
+        icon?: import("@tabler/icons-react").Icon;
+        label: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    RowList: ({ handleRowViewChange, Row, }: {
+        handleRowViewChange?: (id: string, inView: boolean) => void;
+        Row?: React.ComponentType<React.ComponentProps<typeof RecordTableRow>>;
+    }) => import("react/jsx-runtime").JSX.Element[];
+    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Cell: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableCellElement> & {
+        cell: import("@tanstack/table-core").Cell<any, unknown>;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    useRecordTable: typeof useRecordTable;
+    RowSkeleton: ({ rows, handleInView, backward, root, }: {
+        rows?: number;
+        handleInView?: () => void;
+        backward?: boolean;
+        root?: Element | null;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MoreButton: import("react").ForwardRefExoticComponent<import("erxes-ui/components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    checkboxColumn: import("@tanstack/table-core").ColumnDef<any>;
+    Scroll: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        scrollBarClassName?: string;
+        viewportClassName?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CursorProvider: ({ children, hasPreviousPage, loading, dataLength, hasNextPage, sessionKey, offset, }: {
+        children: React.ReactNode;
+        hasPreviousPage?: boolean;
+        hasNextPage?: boolean;
+        loading?: boolean;
+        dataLength?: number;
+        sessionKey?: string;
+        offset?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CursorBackwardSkeleton: ({ handleFetchMore, }: {
+        handleFetchMore: (params: {
+            direction: import(".").EnumCursorDirection;
+        }) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CursorForwardSkeleton: ({ handleFetchMore, }: {
+        handleFetchMore: (params: {
+            direction: import(".").EnumCursorDirection;
+        }) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Row: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
+        handleRowViewChange?: (inView: boolean) => void;
+        original?: import("@tanstack/table-core").Row<any>["original"];
+    } & import("react").RefAttributes<HTMLTableRowElement>>;
+    ColumnSelector: ({ children, align, }: {
+        children?: React.ReactElement;
+        align?: "start" | "center" | "end";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export * from './types/RecordTableCursorTypes';
+export * from './hooks/useRecordTableCursor';
+export * from './utils/cursorUtils';
+export * from './components/RecordTableCellInline';
+export * from './components/RecordTableTree';
+export * from './contexts/RecordTableHotkeyContext';
+export * from './components/RecordTableHotkeyCell';
+export * from './states/RecordTableCursorState';

package/dist/types/UIConfig.d.ts

@@ -112,6 +112,16 @@ export type IUIConfig = {
         name: string;
         defaultPath?: string;
         icon: React.ElementType;
+        /**
+         * @deprecated Ignored by core-ui since 3.2.25: a plugin draws its own
+         * sidebar by wrapping its routed entry in `AppLayout`. Kept so existing
+         * configs still type-check; it will be removed in a later minor release.
+         */
+        content?: () => React.ReactNode;
+        /**
+         * @deprecated Ignored by core-ui since 3.2.25; see `content`.
+         */
+        subGroup?: () => React.ReactNode;
     };
     widgets?: {
         relationWidgets?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erxes/ui",
-  "version": "3.2.25-5",
+  "version": "3.2.25-next.1",
   "description": "erxes design system: UI primitives, business modules, hooks and shared frontend state",
   "license": "AGPL-3.0-only",
   "repository": {

package/src/modules/layout/components/AppLayout.tsx

@@ -5,7 +5,7 @@ import {
   IconLayoutSidebarLeftExpand,
   IconMenu2,
 } from '@tabler/icons-react';
-import { type PrimitiveAtom, useAtom } from 'jotai';
+import { useAtom } from 'jotai';
 
 import { Button } from 'erxes-ui/components/button';
 import { Separator } from 'erxes-ui/components/separator';
@@ -19,9 +19,21 @@ const APP_LAYOUT_MIN_WIDTH = 180;
 const APP_LAYOUT_MAX_WIDTH = 480;
 const APP_LAYOUT_KEYBOARD_STEP = 16;
 
+const createOpenAtom = (id: string) =>
+  atomWithStorage<boolean>(`app-layout:${id}:open`, true, undefined, {
+    getOnInit: true,
+  });
+
+const createWidthAtom = (id: string) =>
+  atomWithStorage<number | null>(`app-layout:${id}:width`, null, undefined, {
+    getOnInit: true,
+  });
+
+// Derived from the factories so the type matches under every tsconfig
+// (the declaration build is non-strict, which widens atomWithStorage).
 type TAppLayoutAtoms = {
-  open: PrimitiveAtom<boolean>;
-  width: PrimitiveAtom<number | null>;
+  open: ReturnType<typeof createOpenAtom>;
+  width: ReturnType<typeof createWidthAtom>;
 };
 
 const appLayoutAtoms = new Map<string, TAppLayoutAtoms>();
@@ -34,15 +46,8 @@ const getAppLayoutAtoms = (id: string) => {
   }
 
   const atoms: TAppLayoutAtoms = {
-    open: atomWithStorage<boolean>(`app-layout:${id}:open`, true, undefined, {
-      getOnInit: true,
-    }),
-    width: atomWithStorage<number | null>(
-      `app-layout:${id}:width`,
-      null,
-      undefined,
-      { getOnInit: true },
-    ),
+    open: createOpenAtom(id),
+    width: createWidthAtom(id),
   };
 
   appLayoutAtoms.set(id, atoms);

package/src/modules/record-table/components/RecordTableProvider.tsx

@@ -42,7 +42,7 @@ export function useRecordTable() {
   return context;
 }
 
-interface RecordTableProviderProps extends HTMLAttributes<HTMLDivElement> {
+export interface RecordTableProviderProps extends HTMLAttributes<HTMLDivElement> {
   children: ReactNode;
   columns: ColumnDef<any>[];
   data: any[];

package/src/types/UIConfig.ts

@@ -137,6 +137,16 @@ export type IUIConfig = {
     name: string;
     defaultPath?: string;
     icon: React.ElementType;
+    /**
+     * @deprecated Ignored by core-ui since 3.2.25: a plugin draws its own
+     * sidebar by wrapping its routed entry in `AppLayout`. Kept so existing
+     * configs still type-check; it will be removed in a later minor release.
+     */
+    content?: () => React.ReactNode;
+    /**
+     * @deprecated Ignored by core-ui since 3.2.25; see `content`.
+     */
+    subGroup?: () => React.ReactNode;
   };
 
   widgets?: {