@inventreedb/ui 0.11.3 → 1.4.1

package/dist/types/Panel.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type PanelIndicatorType = 'info' | 'warning' | 'danger' | null;
+/**
+ * Type used to specify a single panel in a panel group
+ */
+export type PanelType = {
+    name: string;
+    label: string;
+    controls?: ReactNode;
+    icon?: ReactNode;
+    notification_dot?: PanelIndicatorType | (() => Promise<PanelIndicatorType>);
+    content?: ReactNode;
+    hidden?: boolean;
+    disabled?: boolean;
+    showHeadline?: boolean;
+    supportsDirty?: boolean;
+};
+/**
+ * Type used to specify a group of panels
+ */
+export type PanelGroupType = {
+    id: string;
+    label: string;
+    panelIDs?: string[];
+    panels?: PanelType[];
+};

package/dist/types/Plugins.d.ts

@@ -2,12 +2,14 @@ import { I18n } from '@lingui/core';
 import { MantineColorScheme, MantineTheme } from '@mantine/core';
 import { QueryClient } from '@tanstack/react-query';
 import { AxiosInstance } from 'axios';
+import { JSX } from 'react';
 import { NavigateFunction } from 'react-router-dom';
 import { ModelDict } from '../enums/ModelInformation';
 import { ModelType } from '../enums/ModelType';
-import { ApiFormModalProps, BulkEditApiFormModalProps, StockOperationProps } from './Forms';
+import { setRenderProps } from '../states/types';
+import { ApiFormModalProps, ApiFormProps, BulkEditApiFormModalProps, StockOperationProps } from './Forms';
 import { UseModalReturn } from './Modals';
-import { RenderInstanceProps } from './Rendering';
+import { RemoteInstanceProps, RenderInlineModelProps, RenderInstanceProps, ThumbnailProps } from './Rendering';
 import { SettingsStateProps } from './Settings';
 import { InvenTreeTableRenderProps } from './Tables';
 import { UserStateProps } from './User';
@@ -38,6 +40,10 @@ export type InvenTreeFormsContext = {
     create: (props: ApiFormModalProps) => UseModalReturn;
     delete: (props: ApiFormModalProps) => UseModalReturn;
     edit: (props: ApiFormModalProps) => UseModalReturn;
+    editApiForm: (props: {
+        id?: string;
+        props: ApiFormProps;
+    }) => React.ReactNode;
     stockActions: StockAdjustmentFormsContext;
 };
 export type InvenTreeTablesContext<T extends Record<string, any>> = {
@@ -88,6 +94,9 @@ export type InvenTreePluginContext = {
     globalSettings: SettingsStateProps;
     modelInformation: ModelDict;
     renderInstance: (props: Readonly<RenderInstanceProps>) => React.ReactNode;
+    renderRemoteInstance: (props: Readonly<RemoteInstanceProps>) => React.ReactNode;
+    renderInlineModel: (props: Readonly<RenderInlineModelProps>) => React.ReactNode;
+    thumbnail: (props: Readonly<ThumbnailProps>) => JSX.Element;
     host: string;
     i18n: I18n;
     locale: string;
@@ -95,6 +104,9 @@ export type InvenTreePluginContext = {
     theme: MantineTheme;
     colorScheme: MantineColorScheme;
     forms: InvenTreeFormsContext;
+    stateFnc: {
+        setRenderer: setRenderProps;
+    };
     tables: InvenTreeTablesContext<any>;
     importer: ImporterDrawerContext;
     model?: ModelType | string;

package/dist/types/Plugins.js

@@ -1,10 +1,10 @@
-const INVENTREE_PLUGIN_VERSION = "0.11.3";
+const INVENTREE_PLUGIN_VERSION = "1.4.1";
 const INVENTREE_REACT_VERSION = "19.2.4";
 const INVENTREE_REACT_DOM_VERSION = (
   // @ts-ignore
   "19.2.4"
 );
-const INVENTREE_MANTINE_VERSION = "8.2.7";
+const INVENTREE_MANTINE_VERSION = "9.2.1";
 export {
   INVENTREE_MANTINE_VERSION,
   INVENTREE_PLUGIN_VERSION,

package/dist/types/Plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plugins.js","sources":["../../lib/types/Plugins.tsx"],"sourcesContent":["import type { I18n } from '@lingui/core';\nimport type { MantineColorScheme, MantineTheme } from '@mantine/core';\nimport type { QueryClient } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport type { NavigateFunction } from 'react-router-dom';\nimport type { ModelDict } from '../enums/ModelInformation';\nimport type { ModelType } from '../enums/ModelType';\nimport type {\n  ApiFormModalProps,\n  BulkEditApiFormModalProps,\n  StockOperationProps\n} from './Forms';\nimport type { UseModalReturn } from './Modals';\nimport type { RenderInstanceProps } from './Rendering';\nimport type { SettingsStateProps } from './Settings';\nimport type { InvenTreeTableRenderProps } from './Tables';\nimport type { UserStateProps } from './User';\n\nexport interface PluginProps {\n  name: string;\n  slug: string;\n  version: null | string;\n}\n\nexport interface PluginVersion {\n  inventree: string;\n  react: string;\n  reactDom: string;\n  mantine: string;\n}\n\nexport type StockAdjustmentFormsContext = {\n  addStock: (props: StockOperationProps) => UseModalReturn;\n  assignStock: (props: StockOperationProps) => UseModalReturn;\n  changeStatus: (props: StockOperationProps) => UseModalReturn;\n  countStock: (props: StockOperationProps) => UseModalReturn;\n  deleteStock: (props: StockOperationProps) => UseModalReturn;\n  mergeStock: (props: StockOperationProps) => UseModalReturn;\n  removeStock: (props: StockOperationProps) => UseModalReturn;\n  transferStock: (props: StockOperationProps) => UseModalReturn;\n  returnStock: (props: StockOperationProps) => UseModalReturn;\n};\n\nexport type InvenTreeFormsContext = {\n  bulkEdit: (props: BulkEditApiFormModalProps) => UseModalReturn;\n  create: (props: ApiFormModalProps) => UseModalReturn;\n  delete: (props: ApiFormModalProps) => UseModalReturn;\n  edit: (props: ApiFormModalProps) => UseModalReturn;\n  stockActions: StockAdjustmentFormsContext;\n};\n\nexport type InvenTreeTablesContext<T extends Record<string, any>> = {\n  renderTable: (props: InvenTreeTableRenderProps<T>) => React.ReactNode;\n};\n\nexport type ImporterDrawerContext = {\n  open: (sessionId: number, options?: { onClose?: () => void }) => void;\n  close: () => void;\n  isOpen: () => boolean;\n  sessionId: () => number | null;\n};\n\n/**\n * A set of properties which are passed to a plugin,\n * for rendering an element in the user interface.\n *\n * @param version - The version of the running InvenTree software stack\n * @param api - The Axios API instance (see ../states/ApiState.tsx)\n * @param queryClient - The Tanstack QueryClient instance (see ../states/QueryState.tsx)\n * @param user - The current user instance (see ../states/UserState.tsx)\n * @param userSettings - The current user settings (see ../states/SettingsState.tsx)\n * @param globalSettings - The global settings (see ../states/SettingsState.tsx)\n * @param modelInformation - A dictionary of available model information\n * @param renderInstance - A component function for rendering a model instance\n * @param host - The current host URL\n * @param i18n - The i18n instance for translations (from @lingui/core)\n * @param locale - The current locale string (e.g. 'en' / 'de')\n * @param navigate - The navigation function (see react-router-dom)\n * @param theme - The current Mantine theme\n * @param colorScheme - The current Mantine color scheme (e.g. 'light' / 'dark')\n * @param forms - A set of functions for opening various API forms (see ../components/Forms.tsx)\n * @param tables - A set of functions for rendering API tables\n * @param importer - A set of functions for controlling the global importer drawer (see ../components/importer/GlobalImporterDrawer.tsx)\n * @param model - The model type associated with the rendered component (if applicable)\n * @param id - The ID (primary key) of the model instance for the plugin (if applicable)\n * @param instance - The model instance data (if available)\n * @param reloadContent - A function which can be called to reload the plugin content\n * @param reloadInstance - A function which can be called to reload the model instance\n * @param context - Any additional context data which may be passed to the plugin\n */\nexport type InvenTreePluginContext = {\n  version: PluginVersion;\n  api: AxiosInstance;\n  queryClient: QueryClient;\n  user: UserStateProps;\n  userSettings: SettingsStateProps;\n  globalSettings: SettingsStateProps;\n  modelInformation: ModelDict;\n  renderInstance: (props: Readonly<RenderInstanceProps>) => React.ReactNode;\n  host: string;\n  i18n: I18n;\n  locale: string;\n  navigate: NavigateFunction;\n  theme: MantineTheme;\n  colorScheme: MantineColorScheme;\n  forms: InvenTreeFormsContext;\n  tables: InvenTreeTablesContext<any>;\n  importer: ImporterDrawerContext;\n  model?: ModelType | string;\n  id?: string | number | null;\n  instance?: any;\n  reloadContent?: () => void;\n  reloadInstance?: () => void;\n  context?: any;\n};\n\n/*\n * The version of the InvenTree plugin context interface.\n * This number should be incremented if the interface changes.\n */\n\n// @ts-ignore\nexport const INVENTREE_PLUGIN_VERSION: string = __INVENTREE_LIB_VERSION__;\n// @ts-ignore\nexport const INVENTREE_REACT_VERSION: string = __INVENTREE_REACT_VERSION__;\n// @ts-ignore\nexport const INVENTREE_REACT_DOM_VERSION: string =\n  // @ts-ignore\n  __INVENTREE_REACT_DOM_VERSION__;\n// @ts-ignore\nexport const INVENTREE_MANTINE_VERSION: string = __INVENTREE_MANTINE_VERSION__;\n"],"names":["INVENTREE_PLUGIN_VERSION","__INVENTREE_LIB_VERSION__","INVENTREE_REACT_VERSION","__INVENTREE_REACT_VERSION__","INVENTREE_REACT_DOM_VERSION","__INVENTREE_REACT_DOM_VERSION__","INVENTREE_MANTINE_VERSION","__INVENTREE_MANTINE_VERSION__"],"mappings":"AA0HO,MAAMA,2BAAmCC;AAEzC,MAAMC,0BAAkCC;AAExC,MAAMC;AAAAA;AAAAA,EAEXC;AAAAA;AAEK,MAAMC,4BAAoCC;"}
+{"version":3,"file":"Plugins.js","sources":["../../lib/types/Plugins.tsx"],"sourcesContent":["import type { I18n } from '@lingui/core';\nimport type { MantineColorScheme, MantineTheme } from '@mantine/core';\nimport type { QueryClient } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport type { JSX } from 'react';\nimport type { NavigateFunction } from 'react-router-dom';\nimport type { ModelDict } from '../enums/ModelInformation';\nimport type { ModelType } from '../enums/ModelType';\nimport type { setRenderProps } from '../states/types';\nimport type {\n  ApiFormModalProps,\n  ApiFormProps,\n  BulkEditApiFormModalProps,\n  StockOperationProps\n} from './Forms';\nimport type { UseModalReturn } from './Modals';\nimport type {\n  RemoteInstanceProps,\n  RenderInlineModelProps,\n  RenderInstanceProps,\n  ThumbnailProps\n} from './Rendering';\nimport type { SettingsStateProps } from './Settings';\nimport type { InvenTreeTableRenderProps } from './Tables';\nimport type { UserStateProps } from './User';\n\nexport interface PluginProps {\n  name: string;\n  slug: string;\n  version: null | string;\n}\n\nexport interface PluginVersion {\n  inventree: string;\n  react: string;\n  reactDom: string;\n  mantine: string;\n}\n\nexport type StockAdjustmentFormsContext = {\n  addStock: (props: StockOperationProps) => UseModalReturn;\n  assignStock: (props: StockOperationProps) => UseModalReturn;\n  changeStatus: (props: StockOperationProps) => UseModalReturn;\n  countStock: (props: StockOperationProps) => UseModalReturn;\n  deleteStock: (props: StockOperationProps) => UseModalReturn;\n  mergeStock: (props: StockOperationProps) => UseModalReturn;\n  removeStock: (props: StockOperationProps) => UseModalReturn;\n  transferStock: (props: StockOperationProps) => UseModalReturn;\n  returnStock: (props: StockOperationProps) => UseModalReturn;\n};\n\nexport type InvenTreeFormsContext = {\n  bulkEdit: (props: BulkEditApiFormModalProps) => UseModalReturn;\n  create: (props: ApiFormModalProps) => UseModalReturn;\n  delete: (props: ApiFormModalProps) => UseModalReturn;\n  edit: (props: ApiFormModalProps) => UseModalReturn;\n  editApiForm: (props: { id?: string; props: ApiFormProps }) => React.ReactNode;\n  stockActions: StockAdjustmentFormsContext;\n};\n\nexport type InvenTreeTablesContext<T extends Record<string, any>> = {\n  renderTable: (props: InvenTreeTableRenderProps<T>) => React.ReactNode;\n};\n\nexport type ImporterDrawerContext = {\n  open: (sessionId: number, options?: { onClose?: () => void }) => void;\n  close: () => void;\n  isOpen: () => boolean;\n  sessionId: () => number | null;\n};\n\n/**\n * A set of properties which are passed to a plugin,\n * for rendering an element in the user interface.\n *\n * @param version - The version of the running InvenTree software stack\n * @param api - The Axios API instance (see ../states/ApiState.tsx)\n * @param queryClient - The Tanstack QueryClient instance (see ../states/QueryState.tsx)\n * @param user - The current user instance (see ../states/UserState.tsx)\n * @param userSettings - The current user settings (see ../states/SettingsState.tsx)\n * @param globalSettings - The global settings (see ../states/SettingsState.tsx)\n * @param modelInformation - A dictionary of available model information\n * @param renderInstance - A component function for rendering a model instance\n * @param host - The current host URL\n * @param i18n - The i18n instance for translations (from @lingui/core)\n * @param locale - The current locale string (e.g. 'en' / 'de')\n * @param navigate - The navigation function (see react-router-dom)\n * @param theme - The current Mantine theme\n * @param colorScheme - The current Mantine color scheme (e.g. 'light' / 'dark')\n * @param forms - A set of functions for opening various API forms (see ../components/Forms.tsx)\n * @param tables - A set of functions for rendering API tables\n * @param importer - A set of functions for controlling the global importer drawer (see ../components/importer/GlobalImporterDrawer.tsx)\n * @param model - The model type associated with the rendered component (if applicable)\n * @param id - The ID (primary key) of the model instance for the plugin (if applicable)\n * @param instance - The model instance data (if available)\n * @param reloadContent - A function which can be called to reload the plugin content\n * @param reloadInstance - A function which can be called to reload the model instance\n * @param context - Any additional context data which may be passed to the plugin\n */\nexport type InvenTreePluginContext = {\n  version: PluginVersion;\n  api: AxiosInstance;\n  queryClient: QueryClient;\n  user: UserStateProps;\n  userSettings: SettingsStateProps;\n  globalSettings: SettingsStateProps;\n  modelInformation: ModelDict;\n  renderInstance: (props: Readonly<RenderInstanceProps>) => React.ReactNode;\n  renderRemoteInstance: (\n    props: Readonly<RemoteInstanceProps>\n  ) => React.ReactNode;\n  renderInlineModel: (\n    props: Readonly<RenderInlineModelProps>\n  ) => React.ReactNode;\n  thumbnail: (props: Readonly<ThumbnailProps>) => JSX.Element;\n  host: string;\n  i18n: I18n;\n  locale: string;\n  navigate: NavigateFunction;\n  theme: MantineTheme;\n  colorScheme: MantineColorScheme;\n  forms: InvenTreeFormsContext;\n  stateFnc: {\n    setRenderer: setRenderProps;\n  };\n  tables: InvenTreeTablesContext<any>;\n  importer: ImporterDrawerContext;\n  model?: ModelType | string;\n  id?: string | number | null;\n  instance?: any;\n  reloadContent?: () => void;\n  reloadInstance?: () => void;\n  context?: any;\n};\n\n/*\n * The version of the InvenTree plugin context interface.\n * This number should be incremented if the interface changes.\n */\n\n// @ts-ignore\nexport const INVENTREE_PLUGIN_VERSION: string = __INVENTREE_LIB_VERSION__;\n// @ts-ignore\nexport const INVENTREE_REACT_VERSION: string = __INVENTREE_REACT_VERSION__;\n// @ts-ignore\nexport const INVENTREE_REACT_DOM_VERSION: string =\n  // @ts-ignore\n  __INVENTREE_REACT_DOM_VERSION__;\n// @ts-ignore\nexport const INVENTREE_MANTINE_VERSION: string = __INVENTREE_MANTINE_VERSION__;\n"],"names":["INVENTREE_PLUGIN_VERSION","__INVENTREE_LIB_VERSION__","INVENTREE_REACT_VERSION","__INVENTREE_REACT_VERSION__","INVENTREE_REACT_DOM_VERSION","__INVENTREE_REACT_DOM_VERSION__","INVENTREE_MANTINE_VERSION","__INVENTREE_MANTINE_VERSION__"],"mappings":"AA6IO,MAAMA,2BAAmCC;AAEzC,MAAMC,0BAAkCC;AAExC,MAAMC;AAAAA;AAAAA,EAEXC;AAAAA;AAEK,MAAMC,4BAAoCC;"}

package/dist/types/Rendering.d.ts

@@ -1,4 +1,8 @@
+import { QueryObserverResult, UseQueryResult } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+import { ApiEndpoints } from '..';
 import { ModelType } from '../enums/ModelType';
+import { PathParams } from './Core';
 /**
  * Interface for rendering a model instance.
  */
@@ -7,6 +11,7 @@ export interface InstanceRenderInterface {
     link?: boolean;
     navigate?: any;
     showSecondary?: boolean;
+    showHover?: boolean;
     extra?: Record<string, any>;
 }
 type EnumDictionary<T extends string | symbol | number, U> = {
@@ -15,5 +20,54 @@ type EnumDictionary<T extends string | symbol | number, U> = {
 export type ModelRendererDict = EnumDictionary<ModelType, (props: Readonly<InstanceRenderInterface>) => React.ReactNode>;
 export type RenderInstanceProps = {
     model: ModelType | undefined;
+    custom_model?: string;
 } & InstanceRenderInterface;
+export interface UseInstanceResult {
+    instance: any;
+    setInstance: (instance: any) => void;
+    refreshInstance: () => void;
+    refreshInstancePromise: () => Promise<QueryObserverResult<any, any>>;
+    instanceQuery: UseQueryResult;
+    isLoaded: boolean;
+}
+export interface useInstanceProps {
+    endpoint: ApiEndpoints;
+    pk?: string | number | undefined;
+    hasPrimaryKey?: boolean;
+    params?: any;
+    pathParams?: PathParams;
+    disabled?: boolean;
+    defaultValue?: any;
+    refetchOnMount?: boolean;
+    refetchOnWindowFocus?: boolean;
+    updateInterval?: number;
+}
+export interface RemoteInstanceProps {
+    model: ModelType;
+    modelUrl?: string;
+    modelRenderer?: (instance: any) => ReactNode;
+    pk: number;
+}
+export interface ThumbnailProps {
+    src?: string;
+    alt?: string;
+    size?: number;
+    text?: ReactNode;
+    align?: string;
+    link?: string;
+    hover?: boolean;
+    hoverSize?: number;
+}
+export interface RenderInlineModelProps {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    showSecondary?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    image?: string;
+    labels?: string[];
+    url?: string;
+    navigate?: any;
+    tooltip?: string;
+}
 export {};

package/dist/types/Tables.d.ts

@@ -48,7 +48,7 @@ export type TableState = {
  * @param editable - Whether the value of this column can be edited
  * @param definition - Optional field definition for the column
  * @param render - A custom render function
- * @param filter - A custom filter function
+ * @param filter - Filter name (string) to look up from tableFilters and attach an inline icon, or a custom render function for the filter popover
  * @param filtering - Whether the column is filterable
  * @param width - The width of the column
  * @param minWidth - The minimum width of the column
@@ -64,7 +64,7 @@ export type TableState = {
  */
 export type TableColumnProps<T = any> = {
     accessor?: string;
-    title?: string;
+    title?: string | ReactNode;
     ordering?: string;
     sortable?: boolean;
     switchable?: boolean;
@@ -73,7 +73,9 @@ export type TableColumnProps<T = any> = {
     editable?: boolean;
     definition?: ApiFormFieldType;
     render?: (record: T, index?: number) => any;
-    filter?: any;
+    filter?: string | string[] | (({ close }: {
+        close: () => void;
+    }) => ReactNode);
     filtering?: boolean;
     width?: number;
     minWidth?: string | number;
@@ -131,6 +133,7 @@ export type RowViewProps = RowAction & RowModelProps;
  * @param barcodeActions : any[] - List of barcode actions
  * @param tableFilters : TableFilter[] - List of custom filters
  * @param tableActions : any[] - List of custom action groups
+ * @param isRecordSelectable : (record: any, index: number) => boolean - Callback function to determine if a row is selectable
  * @param detailAction: boolean - Enable detail action for each row (default = true)
  * @param dataFormatter : (data: any) => any - Callback function to reformat data returned by server (if not in default format)
  * @param rowActions : (record: any) => RowAction[] - Callback function to generate row actions
@@ -161,6 +164,7 @@ export type InvenTreeTableProps<T = any> = {
     barcodeActions?: React.ReactNode[];
     tableFilters?: TableFilter[];
     tableActions?: React.ReactNode[];
+    isRecordSelectable?: (record: T, index: number) => boolean;
     rowExpansion?: DataTableRowExpansionProps<T>;
     dataFormatter?: (data: any) => any;
     rowActions?: (record: T) => RowAction[];

package/lib/components/Boundary.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/core/macro';
-import { Alert, Stack } from '@mantine/core';
+import { Alert, Stack, Text } from '@mantine/core';
 import { ErrorBoundary, type FallbackRender } from '@sentry/react';
 import { IconExclamationCircle } from '@tabler/icons-react';
 import { type ReactNode, useCallback } from 'react';
@@ -14,8 +14,12 @@ export function DefaultFallback({
       title={`INVE-E17: ${t`Error rendering component`}: ${title}`}
     >
       <Stack gap='xs'>
-        {t`An error occurred while rendering this component. Refer to the console for more information.`}
-        {t`Try reloading the page, or contact your administrator if the problem persists.`}
+        <Text size='sm'>
+          {t`An error occurred while rendering this component. Refer to the console for more information.`}
+        </Text>
+        <Text size='sm'>
+          {t`Try reloading the page, or contact your administrator if the problem persists.`}
+        </Text>
       </Stack>
     </Alert>
   );

package/lib/components/RowActions.tsx

@@ -139,8 +139,8 @@ export function RowActions({
               aria-label={`row-action-menu-${index ?? ''}`}
               onClick={openMenu}
               disabled={disabled}
-              variant='subtle'
-              color='gray'
+              variant='transparent'
+              size='sm'
             >
               <IconDots />
             </ActionIcon>

package/lib/components/TableColumnSelect.tsx

@@ -23,7 +23,7 @@ export function TableColumnSelect({
         <Menu.Label>{t`Select Columns`}</Menu.Label>
         <Divider />
         {columns
-          .filter((col) => col.switchable ?? true)
+          .filter((col) => (col.switchable ?? true) && !col.propHidden)
           .map((col) => (
             <Menu.Item key={col.accessor}>
               <Checkbox

package/lib/components/TagsList.tsx

@@ -0,0 +1,27 @@
+import { ActionIcon, Badge, Group, Paper } from '@mantine/core';
+import { IconTag } from '@tabler/icons-react';
+
+export default function TagsList({
+  tags
+}: Readonly<{
+  tags: string[];
+}>) {
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+
+  return (
+    <Paper p='xs' shadow='xs' withBorder>
+      <Group gap='xs'>
+        <ActionIcon size='sm' variant='transparent'>
+          <IconTag />
+        </ActionIcon>
+        {tags.map((tag: string) => (
+          <Badge key={tag} variant='outline' size='sm'>
+            {tag}
+          </Badge>
+        ))}
+      </Group>
+    </Paper>
+  );
+}

package/lib/components/nav/DetailDrawer.tsx

@@ -26,7 +26,7 @@ export interface DrawerProps {
   closeOnEscape?: boolean;
 }
 
-function DetailDrawerComponent({
+export function DetailDrawerComponent({
   title,
   position = 'right',
   size,

package/lib/enums/ApiEndpoints.tsx

@@ -12,12 +12,13 @@ export enum ApiEndpoints {
   // User API endpoints
   user_list = 'user/',
   user_set_password = 'user/:id/set-password/',
-  user_me = 'user/me/',
-  user_profile = 'user/profile/',
-  user_roles = 'user/roles/',
-  user_token = 'user/token/',
   user_tokens = 'user/tokens/',
   user_simple_login = 'email/generate/',
+  // Individual user endpoints
+  user_me_profile = 'user/me/profile/',
+  user_me_roles = 'user/me/roles/',
+  user_me_token = 'user/me/token/',
+  user_me = 'user/me/',
 
   // User auth endpoints
   auth_base = '/auth/',
@@ -181,6 +182,7 @@ export enum ApiEndpoints {
   sales_order_complete = 'order/so/:id/complete/',
   sales_order_allocate = 'order/so/:id/allocate/',
   sales_order_allocate_serials = 'order/so/:id/allocate-serials/',
+  sales_order_auto_allocate = 'order/so/:id/auto-allocate/',
 
   sales_order_line_list = 'order/so-line/',
   sales_order_extra_line_list = 'order/so-extra-line/',
@@ -198,6 +200,17 @@ export enum ApiEndpoints {
   return_order_line_list = 'order/ro-line/',
   return_order_extra_line_list = 'order/ro-extra-line/',
 
+  transfer_order_list = 'order/transfer-order/',
+  transfer_order_issue = 'order/transfer-order/:id/issue/',
+  transfer_order_hold = 'order/transfer-order/:id/hold/',
+  transfer_order_cancel = 'order/transfer-order/:id/cancel/',
+  transfer_order_complete = 'order/transfer-order/:id/complete/',
+  transfer_order_allocate = 'order/transfer-order/:id/allocate/',
+  transfer_order_allocate_serials = 'order/transfer-order/:id/allocate-serials/',
+
+  transfer_order_line_list = 'order/transfer-order-line/',
+  transfer_order_allocation_list = 'order/transfer-order-allocation/',
+
   // Template API endpoints
   label_list = 'label/template/',
   label_print = 'label/print/',
@@ -246,6 +259,7 @@ export enum ApiEndpoints {
   config_list = 'admin/config/',
   parameter_list = 'parameter/',
   parameter_template_list = 'parameter/template/',
+  tag_list = 'tag/',
 
   // Internal system things
   system_internal_trace_end = 'system-internal/observability/end'

package/lib/enums/ModelInformation.tsx

@@ -10,6 +10,7 @@ export interface ModelInformationInterface {
   url_detail?: string;
   api_endpoint: ApiEndpoints;
   admin_url?: string;
+  pk_field?: string;
   supports_barcode?: boolean;
   icon: keyof InvenTreeIconType;
 }
@@ -117,8 +118,8 @@ export const ModelInformationDict: ModelDict = {
     icon: 'history'
   },
   build: {
-    label: () => t`Build`,
-    label_multiple: () => t`Builds`,
+    label: () => t`Build Order`,
+    label_multiple: () => t`Build Orders`,
     url_overview: '/manufacturing/index/buildorders/',
     url_detail: '/manufacturing/build-order/:pk/',
     api_endpoint: ApiEndpoints.build_order_list,
@@ -186,6 +187,7 @@ export const ModelInformationDict: ModelDict = {
     label_multiple: () => t`Sales Order Shipments`,
     url_overview: '/sales/index/shipments',
     url_detail: '/sales/shipment/:pk/',
+    admin_url: '/order/salesordershipment/',
     api_endpoint: ApiEndpoints.sales_order_shipment_list,
     supports_barcode: true,
     icon: 'shipment'
@@ -206,6 +208,22 @@ export const ModelInformationDict: ModelDict = {
     api_endpoint: ApiEndpoints.return_order_line_list,
     icon: 'return_orders'
   },
+  transferorder: {
+    label: () => t`Transfer Order`,
+    label_multiple: () => t`Transfer Orders`,
+    url_overview: '/stock/location/index/transfer-orders',
+    url_detail: '/stock/transfer-order/:pk/',
+    api_endpoint: ApiEndpoints.transfer_order_list,
+    admin_url: '/order/transferorder/',
+    supports_barcode: true,
+    icon: 'transfer_orders'
+  },
+  transferorderlineitem: {
+    label: () => t`Transfer Order Line Item`,
+    label_multiple: () => t`Transfer Order Line Items`,
+    api_endpoint: ApiEndpoints.transfer_order_line_list,
+    icon: 'transfer-orders'
+  },
   address: {
     label: () => t`Address`,
     label_multiple: () => t`Addresses`,
@@ -301,5 +319,11 @@ export const ModelInformationDict: ModelDict = {
     url_overview: '/settings/admin/errors',
     url_detail: '/settings/admin/errors/:pk/',
     icon: 'exclamation'
+  },
+  tag: {
+    label: () => t`Tag`,
+    label_multiple: () => t`Tags`,
+    api_endpoint: ApiEndpoints.tag_list,
+    icon: 'tag'
   }
 };

package/lib/enums/ModelType.tsx

@@ -24,6 +24,8 @@ export enum ModelType {
   salesordershipment = 'salesordershipment',
   returnorder = 'returnorder',
   returnorderlineitem = 'returnorderlineitem',
+  transferorder = 'transferorder',
+  transferorderlineitem = 'transferorderlineitem',
   importsession = 'importsession',
   address = 'address',
   contact = 'contact',
@@ -36,7 +38,8 @@ export enum ModelType {
   contenttype = 'contenttype',
   selectionlist = 'selectionlist',
   selectionentry = 'selectionentry',
-  error = 'error'
+  error = 'error',
+  tag = 'tag'
 }
 
 export enum PluginPanelKey {

package/lib/enums/Roles.tsx

@@ -11,6 +11,7 @@ export enum UserRoles {
   part_category = 'part_category',
   purchase_order = 'purchase_order',
   return_order = 'return_order',
+  transfer_order = 'transfer_order',
   sales_order = 'sales_order',
   stock = 'stock',
   stock_location = 'stock_location'
@@ -40,6 +41,8 @@ export function userRoleLabel(role: UserRoles): string {
       return t`Purchase Orders`;
     case UserRoles.return_order:
       return t`Return Orders`;
+    case UserRoles.transfer_order:
+      return t`Transfer Orders`;
     case UserRoles.sales_order:
       return t`Sales Orders`;
     case UserRoles.stock:

package/lib/functions/Navigation.tsx

@@ -55,7 +55,7 @@ export function getDetailUrl(
     }
   }
 
-  console.error(`No detail URL found for model ${model} <${pk}>`);
+  console.warn(`No detail URL found for model ${model} <${pk}>`);
   return '';
 }
 

package/lib/hooks/UseFilterSet.tsx

@@ -1,6 +1,10 @@
 import { useLocalStorage } from '@mantine/hooks';
-import { useCallback, useMemo } from 'react';
-import type { FilterSetState, TableFilter } from '../types/Filters';
+import { useCallback, useEffect, useMemo } from 'react';
+import type {
+  FilterSetState,
+  NamedFilterSet,
+  TableFilter
+} from '../types/Filters';
 
 export default function useFilterSet(
   filterKey: string,
@@ -16,17 +20,26 @@ export default function useFilterSet(
     getInitialValueInEffect: false
   });
 
-  const activeFilters: TableFilter[] = useMemo(() => {
+  // Named filter set snapshots (saved to local storage, separate key)
+  const [storedNamedSets, setStoredNamedSets] = useLocalStorage<
+    NamedFilterSet[]
+  >({
+    key: `inventree-filtersets-${filterKey}`,
+    defaultValue: [],
+    sync: false,
+    getInitialValueInEffect: false
+  });
+
+  useEffect(() => {
     if (storedFilters == null) {
-      // If there are no stored filters, set initial values
-      const filters = initialFilters || [];
-      setStoredFilters(filters);
-      return filters;
+      setStoredFilters(initialFilters || []);
     }
-    return storedFilters || [];
-  }, [storedFilters]);
+  }, [storedFilters, initialFilters, setStoredFilters]);
+
+  const activeFilters: TableFilter[] = useMemo(() => {
+    return storedFilters ?? initialFilters ?? [];
+  }, [storedFilters, initialFilters]);
 
-  // Callback to clear all active filters from the table
   const clearActiveFilters = useCallback(() => {
     setStoredFilters([]);
   }, []);
@@ -38,10 +51,48 @@ export default function useFilterSet(
     [setStoredFilters]
   );
 
+  const saveFilterSet = useCallback(
+    (name: string) => {
+      const snapshot = activeFilters.map(
+        ({ name: n, value, displayValue }) => ({
+          name: n,
+          value,
+          displayValue
+        })
+      );
+      setStoredNamedSets((prev) => {
+        const without = (prev ?? []).filter((s) => s.name !== name);
+        return [...without, { name, filters: snapshot }];
+      });
+    },
+    [activeFilters, setStoredNamedSets]
+  );
+
+  const loadFilterSet = useCallback(
+    (name: string) => {
+      const saved = (storedNamedSets ?? []).find((s) => s.name === name);
+      if (saved) {
+        setStoredFilters(saved.filters as TableFilter[]);
+      }
+    },
+    [storedNamedSets, setStoredFilters]
+  );
+
+  const deleteFilterSet = useCallback(
+    (name: string) => {
+      setStoredNamedSets((prev) => (prev ?? []).filter((s) => s.name !== name));
+    },
+    [setStoredNamedSets]
+  );
+
   return {
     filterKey,
     activeFilters,
     setActiveFilters,
-    clearActiveFilters
+    clearActiveFilters,
+    savedFilterSets: storedNamedSets ?? [],
+    saveFilterSet,
+    loadFilterSet,
+    deleteFilterSet
   };
 }

package/lib/index.ts

@@ -21,6 +21,12 @@ export type {
   StockAdjustmentFormsContext
 } from './types/Plugins';
 
+export type {
+  PanelIndicatorType,
+  PanelType,
+  PanelGroupType
+} from './types/Panel';
+
 export type {
   RowAction,
   RowViewProps,
@@ -104,6 +110,7 @@ export { ProgressBar } from './components/ProgressBar';
 export { PassFailButton, YesNoButton } from './components/YesNoButton';
 export { SearchInput } from './components/SearchInput';
 export { TableColumnSelect } from './components/TableColumnSelect';
+export { default as TagsList } from './components/TagsList';
 export { default as InvenTreeTable } from './components/InvenTreeTable';
 export {
   RowViewAction,
@@ -135,7 +142,8 @@ export {
 export {
   type DrawerProps,
   DetailDrawer,
-  DetailDrawerLink
+  DetailDrawerLink,
+  DetailDrawerComponent
 } from './components/nav/DetailDrawer';
 export { StylishText } from './components/StylishText';
 
@@ -144,3 +152,8 @@ export {
   type StoredTableStateProps,
   useStoredTableState
 } from './states/StoredTableState';
+export { useLocalLibState } from './states/LocalLibState';
+
+// Plugin development utilities and hooks
+export { default as InventreeHmrPlugin } from './plugin/InventreeHmrPlugin';
+export { default as LocalizedComponent } from './plugin/LocalizedComponent';

package/lib/plugin/InventreeHmrPlugin.tsx

@@ -0,0 +1,40 @@
+import type { Plugin } from 'vite';
+
+/**
+ * Vite plugin which enables hot module replacement (HMR) for InvenTree plugin development.
+ *
+ * This is for use with the InvenTree plugin creator tool,
+ * allowing frontend plugin code to be "live reloaded" during development.
+ */
+export default function InventreeHmrPlugin(): Plugin {
+  const fileRegex = /\.(js|jsx|ts|tsx)(\?|$)/;
+
+  const hmrBlock = [
+    '',
+    '// __inventree_hmr_injected__',
+    'if (import.meta.hot) {',
+    '  import.meta.hot.accept((newModule) => {',
+    '    const key = new URL(import.meta.url).origin + new URL(import.meta.url).pathname;',
+    '    window.__plugin_hmr_callbacks?.[key]?.forEach(callback => {',
+    '      callback(newModule);',
+    '    });',
+    '  })',
+    '}'
+  ];
+
+  return {
+    name: 'inventree-hmr-plugin',
+    enforce: 'post',
+
+    transform(code, id) {
+      if (!fileRegex.test(id)) return;
+      if (id.includes('node_modules')) return;
+      if (code.includes('__inventree_hmr_injected__')) return;
+
+      return {
+        code: code + hmrBlock.join('\n'),
+        map: null
+      };
+    }
+  };
+}