@inventreedb/ui 0.11.0 → 0.11.2

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file contains historical changelog information for the InvenTree UI components library.
 
+### 0.11.2 - April 2026
+
+Exposes additional type definitions related to tables and filters:
+
+- TableFilterChoice
+- TableFilterType
+- TableFilter
+- FilterSetState
+
+### 0.11.1 - April 2026
+
+Fixes dependency issues for the `InvenTreeTable` component, which were introduced in `0.11.0`. This ensures that the component works correctly and does not cause issues with plugin builds.
+
 ### 0.11.0 - April 2026
 
 Adds the `InvenTreeTable` component, which provides plugins with a method of implementing an API-driven data table which is consistent with the rest of the InvenTree UI. This component supports features such as pagination, sorting, and filtering, and can be used to display data from the InvenTree API in a tabular format.

package/dist/.vite/manifest.json

@@ -261,7 +261,6 @@
     "name": "hooks/UseTable",
     "src": "lib/hooks/UseTable.tsx",
     "imports": [
-      "node_modules/react-router-dom/dist/index.js",
       "lib/hooks/UseFilterSet.tsx",
       "node_modules/@mantine/hooks/esm/utils/random-id/random-id.mjs"
     ]
@@ -352,11 +351,6 @@
     "name": "node_modules/@mantine/hooks/esm/utils/random-id/random-id",
     "src": "node_modules/@mantine/hooks/esm/utils/random-id/random-id.mjs"
   },
-  "node_modules/@remix-run/router/dist/router.js": {
-    "file": "node_modules/@remix-run/router/dist/router.js",
-    "name": "node_modules/@remix-run/router/dist/router",
-    "src": "node_modules/@remix-run/router/dist/router.js"
-  },
   "node_modules/@sentry/browser/build/npm/esm/prod/debug-build.js": {
     "file": "node_modules/@sentry/browser/build/npm/esm/prod/debug-build.js",
     "name": "node_modules/@sentry/browser/build/npm/esm/prod/debug-build",
@@ -865,23 +859,6 @@
       "node_modules/@tanstack/react-query/build/modern/useBaseQuery.js"
     ]
   },
-  "node_modules/react-router-dom/dist/index.js": {
-    "file": "node_modules/react-router-dom/dist/index.js",
-    "name": "node_modules/react-router-dom/dist/index",
-    "src": "node_modules/react-router-dom/dist/index.js",
-    "imports": [
-      "node_modules/react-router/dist/index.js",
-      "node_modules/@remix-run/router/dist/router.js"
-    ]
-  },
-  "node_modules/react-router/dist/index.js": {
-    "file": "node_modules/react-router/dist/index.js",
-    "name": "node_modules/react-router/dist/index",
-    "src": "node_modules/react-router/dist/index.js",
-    "imports": [
-      "node_modules/@remix-run/router/dist/router.js"
-    ]
-  },
   "node_modules/react/cjs/react-jsx-runtime.development.js": {
     "file": "node_modules/react/cjs/react-jsx-runtime.development.js",
     "name": "node_modules/react/cjs/react-jsx-runtime.development",

package/dist/hooks/UseTable.js

@@ -1,4 +1,3 @@
-import { useSearchParams } from "../node_modules/react-router-dom/dist/index.js";
 import useFilterSet from "./UseFilterSet.js";
 import { randomId } from "../node_modules/@mantine/hooks/esm/utils/random-id/random-id.js";
 const useCallback = window["React"].useCallback;
@@ -11,10 +10,6 @@ function useTable(tableName, tableProps = {
   function generateTableName() {
     return `${tableName.replaceAll("-", "")}-${randomId()}`;
   }
-  const [queryFilters, setQueryFilters] = useSearchParams();
-  const clearQueryFilters = useCallback(() => {
-    setQueryFilters({});
-  }, []);
   const [tableKey, setTableKey] = useState(generateTableName());
   const refreshTable = useCallback((clearSelection) => {
     setTableKey(generateTableName());
@@ -61,9 +56,6 @@ function useTable(tableName, tableProps = {
     isLoading,
     setIsLoading,
     filterSet,
-    queryFilters,
-    setQueryFilters,
-    clearQueryFilters,
     expandedRecords,
     setExpandedRecords,
     isRowExpanded,

package/dist/hooks/UseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseTable.js","sources":["../../lib/hooks/UseTable.tsx"],"sourcesContent":["import { randomId } from '@mantine/hooks';\nimport { useCallback, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nimport type { FilterSetState, TableFilter } from '../types/Filters';\nimport type { TableState } from '../types/Tables';\nimport useFilterSet from './UseFilterSet';\n\nexport type TableStateExtraProps = {\n  idAccessor?: string;\n  initialFilters?: TableFilter[];\n};\n\n/**\n * A custom hook for managing the state of an <InvenTreeTable> component.\n *\n * Refer to the TableState type definition for more information.\n */\n\nexport default function useTable(\n  tableName: string,\n  tableProps: TableStateExtraProps = {\n    idAccessor: 'pk',\n    initialFilters: []\n  }\n): TableState {\n  // Function to generate a new ID (to refresh the table)\n  function generateTableName() {\n    return `${tableName.replaceAll('-', '')}-${randomId()}`;\n  }\n\n  // Extract URL query parameters (e.g. ?active=true&overdue=false)\n  const [queryFilters, setQueryFilters] = useSearchParams();\n\n  const clearQueryFilters = useCallback(() => {\n    setQueryFilters({});\n  }, []);\n\n  const [tableKey, setTableKey] = useState<string>(generateTableName());\n\n  // Callback used to refresh (reload) the table\n  const refreshTable = useCallback(\n    (clearSelection?: boolean) => {\n      setTableKey(generateTableName());\n      if (clearSelection) {\n        clearSelectedRecords();\n      }\n    },\n    [generateTableName]\n  );\n\n  const filterSet: FilterSetState = useFilterSet(\n    `table-${tableName}`,\n    tableProps.initialFilters\n  );\n\n  // Array of expanded records\n  const [expandedRecords, setExpandedRecords] = useState<any[]>([]);\n\n  // Function to determine if a record is expanded\n  const isRowExpanded = useCallback(\n    (pk: number) => {\n      return expandedRecords.includes(pk);\n    },\n    [expandedRecords]\n  );\n\n  // Array of columns which are hidden\n  const [hiddenColumns, setHiddenColumns] = useState<string[]>([]);\n\n  // Array of selected records\n  const [selectedRecords, setSelectedRecords] = useState<any[]>([]);\n\n  // Array of selected primary key values\n  const selectedIds = useMemo(\n    () => selectedRecords.map((r) => r[tableProps.idAccessor || 'pk']),\n    [selectedRecords]\n  );\n\n  const clearSelectedRecords = useCallback(() => {\n    setSelectedRecords([]);\n  }, []);\n\n  const hasSelectedRecords = useMemo(() => {\n    return selectedRecords.length > 0;\n  }, [selectedRecords]);\n\n  // Total record count\n  const [recordCount, setRecordCount] = useState<number>(0);\n\n  const [page, setPage] = useState<number>(1);\n\n  // Search term\n  const [searchTerm, setSearchTerm] = useState<string>('');\n\n  // Table records\n  const [records, setRecords] = useState<any[]>([]);\n\n  // Update a single record in the table, by primary key value\n  const updateRecord = useCallback(\n    (record: any) => {\n      const _records = [...records];\n\n      // Find the matching record in the table\n      const index = _records.findIndex(\n        (r) => r[tableProps.idAccessor || 'pk'] === record.pk\n      );\n\n      if (index >= 0) {\n        _records[index] = {\n          ..._records[index],\n          ...record\n        };\n      } else {\n        _records.push(record);\n      }\n\n      setRecords(_records);\n    },\n    [records]\n  );\n\n  const idAccessor = useMemo(\n    () => tableProps.idAccessor || 'pk',\n    [tableProps.idAccessor]\n  );\n\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  return {\n    tableKey,\n    refreshTable,\n    isLoading,\n    setIsLoading,\n    filterSet,\n    queryFilters,\n    setQueryFilters,\n    clearQueryFilters,\n    expandedRecords,\n    setExpandedRecords,\n    isRowExpanded,\n    selectedRecords,\n    selectedIds,\n    setSelectedRecords,\n    clearSelectedRecords,\n    hasSelectedRecords,\n    searchTerm,\n    setSearchTerm,\n    recordCount,\n    setRecordCount,\n    hiddenColumns,\n    setHiddenColumns,\n    page,\n    setPage,\n    records,\n    setRecords,\n    updateRecord,\n    idAccessor\n  };\n}\n"],"names":["useTable","tableName","tableProps","idAccessor","initialFilters","generateTableName","replaceAll","randomId","queryFilters","setQueryFilters","useSearchParams","clearQueryFilters","useCallback","tableKey","setTableKey","useState","refreshTable","clearSelection","clearSelectedRecords","filterSet","useFilterSet","expandedRecords","setExpandedRecords","isRowExpanded","pk","includes","hiddenColumns","setHiddenColumns","selectedRecords","setSelectedRecords","selectedIds","useMemo","map","r","hasSelectedRecords","length","recordCount","setRecordCount","page","setPage","searchTerm","setSearchTerm","records","setRecords","updateRecord","record","_records","index","findIndex","push","isLoading","setIsLoading"],"mappings":"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"}
+{"version":3,"file":"UseTable.js","sources":["../../lib/hooks/UseTable.tsx"],"sourcesContent":["import { randomId } from '@mantine/hooks';\nimport { useCallback, useMemo, useState } from 'react';\n\nimport type { FilterSetState, TableFilter } from '../types/Filters';\nimport type { TableState } from '../types/Tables';\nimport useFilterSet from './UseFilterSet';\n\nexport type TableStateExtraProps = {\n  idAccessor?: string;\n  initialFilters?: TableFilter[];\n};\n\n/**\n * A custom hook for managing the state of an <InvenTreeTable> component.\n *\n * Refer to the TableState type definition for more information.\n */\n\nexport default function useTable(\n  tableName: string,\n  tableProps: TableStateExtraProps = {\n    idAccessor: 'pk',\n    initialFilters: []\n  }\n): TableState {\n  // Function to generate a new ID (to refresh the table)\n  function generateTableName() {\n    return `${tableName.replaceAll('-', '')}-${randomId()}`;\n  }\n\n  const [tableKey, setTableKey] = useState<string>(generateTableName());\n\n  // Callback used to refresh (reload) the table\n  const refreshTable = useCallback(\n    (clearSelection?: boolean) => {\n      setTableKey(generateTableName());\n      if (clearSelection) {\n        clearSelectedRecords();\n      }\n    },\n    [generateTableName]\n  );\n\n  const filterSet: FilterSetState = useFilterSet(\n    `table-${tableName}`,\n    tableProps.initialFilters\n  );\n\n  // Array of expanded records\n  const [expandedRecords, setExpandedRecords] = useState<any[]>([]);\n\n  // Function to determine if a record is expanded\n  const isRowExpanded = useCallback(\n    (pk: number) => {\n      return expandedRecords.includes(pk);\n    },\n    [expandedRecords]\n  );\n\n  // Array of columns which are hidden\n  const [hiddenColumns, setHiddenColumns] = useState<string[]>([]);\n\n  // Array of selected records\n  const [selectedRecords, setSelectedRecords] = useState<any[]>([]);\n\n  // Array of selected primary key values\n  const selectedIds = useMemo(\n    () => selectedRecords.map((r) => r[tableProps.idAccessor || 'pk']),\n    [selectedRecords]\n  );\n\n  const clearSelectedRecords = useCallback(() => {\n    setSelectedRecords([]);\n  }, []);\n\n  const hasSelectedRecords = useMemo(() => {\n    return selectedRecords.length > 0;\n  }, [selectedRecords]);\n\n  // Total record count\n  const [recordCount, setRecordCount] = useState<number>(0);\n\n  const [page, setPage] = useState<number>(1);\n\n  // Search term\n  const [searchTerm, setSearchTerm] = useState<string>('');\n\n  // Table records\n  const [records, setRecords] = useState<any[]>([]);\n\n  // Update a single record in the table, by primary key value\n  const updateRecord = useCallback(\n    (record: any) => {\n      const _records = [...records];\n\n      // Find the matching record in the table\n      const index = _records.findIndex(\n        (r) => r[tableProps.idAccessor || 'pk'] === record.pk\n      );\n\n      if (index >= 0) {\n        _records[index] = {\n          ..._records[index],\n          ...record\n        };\n      } else {\n        _records.push(record);\n      }\n\n      setRecords(_records);\n    },\n    [records]\n  );\n\n  const idAccessor = useMemo(\n    () => tableProps.idAccessor || 'pk',\n    [tableProps.idAccessor]\n  );\n\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  return {\n    tableKey,\n    refreshTable,\n    isLoading,\n    setIsLoading,\n    filterSet,\n    expandedRecords,\n    setExpandedRecords,\n    isRowExpanded,\n    selectedRecords,\n    selectedIds,\n    setSelectedRecords,\n    clearSelectedRecords,\n    hasSelectedRecords,\n    searchTerm,\n    setSearchTerm,\n    recordCount,\n    setRecordCount,\n    hiddenColumns,\n    setHiddenColumns,\n    page,\n    setPage,\n    records,\n    setRecords,\n    updateRecord,\n    idAccessor\n  };\n}\n"],"names":["useTable","tableName","tableProps","idAccessor","initialFilters","generateTableName","replaceAll","randomId","tableKey","setTableKey","useState","refreshTable","useCallback","clearSelection","clearSelectedRecords","filterSet","useFilterSet","expandedRecords","setExpandedRecords","isRowExpanded","pk","includes","hiddenColumns","setHiddenColumns","selectedRecords","setSelectedRecords","selectedIds","useMemo","map","r","hasSelectedRecords","length","recordCount","setRecordCount","page","setPage","searchTerm","setSearchTerm","records","setRecords","updateRecord","record","_records","index","findIndex","push","isLoading","setIsLoading"],"mappings":";;AACA,MAAA,cAAA,OAAA,OAAA,EAAA;;;AAiBA,SAAwBA,SACtBC,WACAC,aAAmC;AAAA,EACjCC,YAAY;AAAA,EACZC,gBAAgB,CAAA;AAClB,GACY;AAEZ,WAASC,oBAAoB;AAC3B,WAAO,GAAGJ,UAAUK,WAAW,KAAK,EAAE,CAAC,IAAIC,UAAU;AAAA,EACvD;AAEA,QAAM,CAACC,UAAUC,WAAW,IAAIC,SAAiBL,mBAAmB;AAGpE,QAAMM,eAAeC,YACnB,CAACC,mBAA6B;AAC5BJ,gBAAYJ,mBAAmB;AAC/B,QAAIQ,gBAAgB;AAClBC,2BAAAA;AAAAA,IACF;AAAA,EACF,GACA,CAACT,iBAAiB,CACpB;AAEA,QAAMU,YAA4BC,aAChC,SAASf,SAAS,IAClBC,WAAWE,cACb;AAGA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIR,SAAgB,CAAA,CAAE;AAGhE,QAAMS,gBAAgBP,YACpB,CAACQ,OAAe;AACd,WAAOH,gBAAgBI,SAASD,EAAE;AAAA,EACpC,GACA,CAACH,eAAe,CAClB;AAGA,QAAM,CAACK,eAAeC,gBAAgB,IAAIb,SAAmB,CAAA,CAAE;AAG/D,QAAM,CAACc,iBAAiBC,kBAAkB,IAAIf,SAAgB,CAAA,CAAE;AAGhE,QAAMgB,cAAcC,QAClB,MAAMH,gBAAgBI,IAAKC,CAAAA,MAAMA,EAAE3B,WAAWC,cAAc,IAAI,CAAC,GACjE,CAACqB,eAAe,CAClB;AAEA,QAAMV,uBAAuBF,YAAY,MAAM;AAC7Ca,uBAAmB,CAAA,CAAE;AAAA,EACvB,GAAG,CAAA,CAAE;AAEL,QAAMK,qBAAqBH,QAAQ,MAAM;AACvC,WAAOH,gBAAgBO,SAAS;AAAA,EAClC,GAAG,CAACP,eAAe,CAAC;AAGpB,QAAM,CAACQ,aAAaC,cAAc,IAAIvB,SAAiB,CAAC;AAExD,QAAM,CAACwB,MAAMC,OAAO,IAAIzB,SAAiB,CAAC;AAG1C,QAAM,CAAC0B,YAAYC,aAAa,IAAI3B,SAAiB,EAAE;AAGvD,QAAM,CAAC4B,SAASC,UAAU,IAAI7B,SAAgB,CAAA,CAAE;AAGhD,QAAM8B,eAAe5B,YACnB,CAAC6B,WAAgB;AACf,UAAMC,WAAW,CAAC,GAAGJ,OAAO;AAG5B,UAAMK,QAAQD,SAASE,UACpBf,CAAAA,MAAMA,EAAE3B,WAAWC,cAAc,IAAI,MAAMsC,OAAOrB,EACrD;AAEA,QAAIuB,SAAS,GAAG;AACdD,eAASC,KAAK,IAAI;AAAA,QAChB,GAAGD,SAASC,KAAK;AAAA,QACjB,GAAGF;AAAAA,MAAAA;AAAAA,IAEP,OAAO;AACLC,eAASG,KAAKJ,MAAM;AAAA,IACtB;AAEAF,eAAWG,QAAQ;AAAA,EACrB,GACA,CAACJ,OAAO,CACV;AAEA,QAAMnC,aAAawB,QACjB,MAAMzB,WAAWC,cAAc,MAC/B,CAACD,WAAWC,UAAU,CACxB;AAEA,QAAM,CAAC2C,WAAWC,YAAY,IAAIrC,SAAkB,KAAK;AAEzD,SAAO;AAAA,IACLF;AAAAA,IACAG;AAAAA,IACAmC;AAAAA,IACAC;AAAAA,IACAhC;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAX;AAAAA,IACAgB;AAAAA,IACAM;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAC;AAAAA,IACAX;AAAAA,IACAC;AAAAA,IACAW;AAAAA,IACAC;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArC;AAAAA,EAAAA;AAEJ;"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export type { ModelDict } from './enums/ModelInformation';
 export { UserRoles, UserPermissions } from './enums/Roles';
 export type { InvenTreePluginContext, InvenTreeFormsContext, InvenTreeTablesContext, ImporterDrawerContext, PluginVersion, StockAdjustmentFormsContext } from './types/Plugins';
 export type { RowAction, RowViewProps, TableColumn, TableColumnProps, InvenTreeTableProps, InvenTreeTableRenderProps } from './types/Tables';
+export type { TableFilterChoice, TableFilterType, TableFilter, FilterSetState } from './types/Filters';
 export type { ApiFormFieldChoice, ApiFormFieldHeader, ApiFormFieldType, ApiFormFieldSet, ApiFormProps, ApiFormModalProps, BulkEditApiFormModalProps } from './types/Forms';
 export type { UseModalProps, UseModalReturn } from './types/Modals';
 export { apiUrl } from './functions/Api';

package/dist/types/Plugins.js

@@ -1,4 +1,4 @@
-const INVENTREE_PLUGIN_VERSION = "0.11.0";
+const INVENTREE_PLUGIN_VERSION = "0.11.2";
 const INVENTREE_REACT_VERSION = "19.2.4";
 const INVENTREE_REACT_DOM_VERSION = (
   // @ts-ignore

package/dist/types/Tables.d.ts

@@ -1,8 +1,9 @@
 import { MantineStyleProp } from '@mantine/core';
 import { AxiosInstance } from 'axios';
+import { ShowContextMenuFunction } from 'mantine-contextmenu';
 import { DataTableCellClickHandler, DataTableRowExpansionProps } from 'mantine-datatable';
 import { ReactNode } from 'react';
-import { NavigateFunction, SetURLSearchParams } from 'react-router-dom';
+import { NavigateFunction } from 'react-router-dom';
 import { ModelType } from '../enums/ModelType';
 import { FilterSetState, TableFilter } from './Filters';
 import { ApiFormFieldType } from './Forms';
@@ -12,9 +13,6 @@ export type TableState = {
     isLoading: boolean;
     setIsLoading: (value: boolean) => void;
     filterSet: FilterSetState;
-    queryFilters: URLSearchParams;
-    setQueryFilters: SetURLSearchParams;
-    clearQueryFilters: () => void;
     expandedRecords: any[];
     setExpandedRecords: (records: any[]) => void;
     isRowExpanded: (pk: number) => boolean;
@@ -183,5 +181,8 @@ export type InvenTreeTableRenderProps<T extends Record<string, any>> = {
     props: InvenTreeTableProps<T>;
     api: AxiosInstance;
     navigate: NavigateFunction;
+    showContextMenu?: ShowContextMenuFunction;
+    searchParams?: URLSearchParams;
+    setSearchParams?: (params: URLSearchParams) => void;
 };
 export {};

package/lib/hooks/UseTable.tsx

@@ -1,6 +1,5 @@
 import { randomId } from '@mantine/hooks';
 import { useCallback, useMemo, useState } from 'react';
-import { useSearchParams } from 'react-router-dom';
 
 import type { FilterSetState, TableFilter } from '../types/Filters';
 import type { TableState } from '../types/Tables';
@@ -29,13 +28,6 @@ export default function useTable(
     return `${tableName.replaceAll('-', '')}-${randomId()}`;
   }
 
-  // Extract URL query parameters (e.g. ?active=true&overdue=false)
-  const [queryFilters, setQueryFilters] = useSearchParams();
-
-  const clearQueryFilters = useCallback(() => {
-    setQueryFilters({});
-  }, []);
-
   const [tableKey, setTableKey] = useState<string>(generateTableName());
 
   // Callback used to refresh (reload) the table
@@ -133,9 +125,6 @@ export default function useTable(
     isLoading,
     setIsLoading,
     filterSet,
-    queryFilters,
-    setQueryFilters,
-    clearQueryFilters,
     expandedRecords,
     setExpandedRecords,
     isRowExpanded,

package/lib/index.ts

@@ -30,6 +30,13 @@ export type {
   InvenTreeTableRenderProps
 } from './types/Tables';
 
+export type {
+  TableFilterChoice,
+  TableFilterType,
+  TableFilter,
+  FilterSetState
+} from './types/Filters';
+
 export type {
   ApiFormFieldChoice,
   ApiFormFieldHeader,

package/lib/types/Tables.tsx

@@ -1,11 +1,12 @@
 import type { MantineStyleProp } from '@mantine/core';
 import type { AxiosInstance } from 'axios';
+import type { ShowContextMenuFunction } from 'mantine-contextmenu';
 import type {
   DataTableCellClickHandler,
   DataTableRowExpansionProps
 } from 'mantine-datatable';
 import type { ReactNode } from 'react';
-import type { NavigateFunction, SetURLSearchParams } from 'react-router-dom';
+import type { NavigateFunction } from 'react-router-dom';
 import type { ModelType } from '../enums/ModelType';
 import type { FilterSetState, TableFilter } from './Filters';
 import type { ApiFormFieldType } from './Forms';
@@ -18,9 +19,6 @@ import type { ApiFormFieldType } from './Forms';
  * isLoading: A boolean flag to indicate if the table is currently loading data
  * setIsLoading: A function to set the isLoading flag
  * filterSet: A group of active filters
- * queryFilters: A map of query filters (e.g. ?active=true&overdue=false) passed in the URL
- * setQueryFilters: A function to set the query filters
- * clearQueryFilters: A function to clear all query filters
  * expandedRecords: An array of expanded records (rows) in the table
  * setExpandedRecords: A function to set the expanded records
  * isRowExpanded: A function to determine if a record is expanded
@@ -50,9 +48,6 @@ export type TableState = {
   isLoading: boolean;
   setIsLoading: (value: boolean) => void;
   filterSet: FilterSetState;
-  queryFilters: URLSearchParams;
-  setQueryFilters: SetURLSearchParams;
-  clearQueryFilters: () => void;
   expandedRecords: any[];
   setExpandedRecords: (records: any[]) => void;
   isRowExpanded: (pk: number) => boolean;
@@ -229,4 +224,9 @@ export type InvenTreeTableRenderProps<T extends Record<string, any>> = {
   props: InvenTreeTableProps<T>;
   api: AxiosInstance;
   navigate: NavigateFunction;
+
+  // The following attributes are for internal use only (plugins should not use these directly)
+  showContextMenu?: ShowContextMenuFunction;
+  searchParams?: URLSearchParams;
+  setSearchParams?: (params: URLSearchParams) => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@inventreedb/ui",
     "description": "UI components for the InvenTree project",
-    "version": "0.11.0",
+    "version": "0.11.2",
     "private": false,
     "type": "module",
     "license": "MIT",

package/dist/node_modules/@remix-run/router/dist/router.js

@@ -1,272 +0,0 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-var Action;
-(function(Action2) {
-  Action2["Pop"] = "POP";
-  Action2["Push"] = "PUSH";
-  Action2["Replace"] = "REPLACE";
-})(Action || (Action = {}));
-function invariant(value, message) {
-  if (value === false || value === null || typeof value === "undefined") {
-    throw new Error(message);
-  }
-}
-function warning(cond, message) {
-  if (!cond) {
-    if (typeof console !== "undefined") console.warn(message);
-    try {
-      throw new Error(message);
-    } catch (e) {
-    }
-  }
-}
-function createPath(_ref) {
-  let {
-    pathname = "/",
-    search = "",
-    hash = ""
-  } = _ref;
-  if (search && search !== "?") pathname += search.charAt(0) === "?" ? search : "?" + search;
-  if (hash && hash !== "#") pathname += hash.charAt(0) === "#" ? hash : "#" + hash;
-  return pathname;
-}
-function parsePath(path) {
-  let parsedPath = {};
-  if (path) {
-    let hashIndex = path.indexOf("#");
-    if (hashIndex >= 0) {
-      parsedPath.hash = path.substr(hashIndex);
-      path = path.substr(0, hashIndex);
-    }
-    let searchIndex = path.indexOf("?");
-    if (searchIndex >= 0) {
-      parsedPath.search = path.substr(searchIndex);
-      path = path.substr(0, searchIndex);
-    }
-    if (path) {
-      parsedPath.pathname = path;
-    }
-  }
-  return parsedPath;
-}
-var ResultType;
-(function(ResultType2) {
-  ResultType2["data"] = "data";
-  ResultType2["deferred"] = "deferred";
-  ResultType2["redirect"] = "redirect";
-  ResultType2["error"] = "error";
-})(ResultType || (ResultType = {}));
-function matchPath(pattern, pathname) {
-  if (typeof pattern === "string") {
-    pattern = {
-      path: pattern,
-      caseSensitive: false,
-      end: true
-    };
-  }
-  let [matcher, compiledParams] = compilePath(pattern.path, pattern.caseSensitive, pattern.end);
-  let match = pathname.match(matcher);
-  if (!match) return null;
-  let matchedPathname = match[0];
-  let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1");
-  let captureGroups = match.slice(1);
-  let params = compiledParams.reduce((memo, _ref, index) => {
-    let {
-      paramName,
-      isOptional
-    } = _ref;
-    if (paramName === "*") {
-      let splatValue = captureGroups[index] || "";
-      pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1");
-    }
-    const value = captureGroups[index];
-    if (isOptional && !value) {
-      memo[paramName] = void 0;
-    } else {
-      memo[paramName] = (value || "").replace(/%2F/g, "/");
-    }
-    return memo;
-  }, {});
-  return {
-    params,
-    pathname: matchedPathname,
-    pathnameBase,
-    pattern
-  };
-}
-function compilePath(path, caseSensitive, end) {
-  if (caseSensitive === void 0) {
-    caseSensitive = false;
-  }
-  if (end === void 0) {
-    end = true;
-  }
-  warning(path === "*" || !path.endsWith("*") || path.endsWith("/*"), 'Route path "' + path + '" will be treated as if it were ' + ('"' + path.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + path.replace(/\*$/, "/*") + '".'));
-  let params = [];
-  let regexpSource = "^" + path.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (_, paramName, isOptional) => {
-    params.push({
-      paramName,
-      isOptional: isOptional != null
-    });
-    return isOptional ? "/?([^\\/]+)?" : "/([^\\/]+)";
-  });
-  if (path.endsWith("*")) {
-    params.push({
-      paramName: "*"
-    });
-    regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
-  } else if (end) {
-    regexpSource += "\\/*$";
-  } else if (path !== "" && path !== "/") {
-    regexpSource += "(?:(?=\\/|$))";
-  } else ;
-  let matcher = new RegExp(regexpSource, caseSensitive ? void 0 : "i");
-  return [matcher, params];
-}
-function stripBasename(pathname, basename) {
-  if (basename === "/") return pathname;
-  if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {
-    return null;
-  }
-  let startIndex = basename.endsWith("/") ? basename.length - 1 : basename.length;
-  let nextChar = pathname.charAt(startIndex);
-  if (nextChar && nextChar !== "/") {
-    return null;
-  }
-  return pathname.slice(startIndex) || "/";
-}
-const ABSOLUTE_URL_REGEX$1 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-const isAbsoluteUrl = (url) => ABSOLUTE_URL_REGEX$1.test(url);
-function resolvePath(to, fromPathname) {
-  if (fromPathname === void 0) {
-    fromPathname = "/";
-  }
-  let {
-    pathname: toPathname,
-    search = "",
-    hash = ""
-  } = typeof to === "string" ? parsePath(to) : to;
-  let pathname;
-  if (toPathname) {
-    if (isAbsoluteUrl(toPathname)) {
-      pathname = toPathname;
-    } else {
-      if (toPathname.includes("//")) {
-        let oldPathname = toPathname;
-        toPathname = toPathname.replace(/\/\/+/g, "/");
-        warning(false, "Pathnames cannot have embedded double slashes - normalizing " + (oldPathname + " -> " + toPathname));
-      }
-      if (toPathname.startsWith("/")) {
-        pathname = resolvePathname(toPathname.substring(1), "/");
-      } else {
-        pathname = resolvePathname(toPathname, fromPathname);
-      }
-    }
-  } else {
-    pathname = fromPathname;
-  }
-  return {
-    pathname,
-    search: normalizeSearch(search),
-    hash: normalizeHash(hash)
-  };
-}
-function resolvePathname(relativePath, fromPathname) {
-  let segments = fromPathname.replace(/\/+$/, "").split("/");
-  let relativeSegments = relativePath.split("/");
-  relativeSegments.forEach((segment) => {
-    if (segment === "..") {
-      if (segments.length > 1) segments.pop();
-    } else if (segment !== ".") {
-      segments.push(segment);
-    }
-  });
-  return segments.length > 1 ? segments.join("/") : "/";
-}
-function getInvalidPathError(char, field, dest, path) {
-  return "Cannot include a '" + char + "' character in a manually specified " + ("`to." + field + "` field [" + JSON.stringify(path) + "].  Please separate it out to the ") + ("`to." + dest + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
-}
-function getPathContributingMatches(matches) {
-  return matches.filter((match, index) => index === 0 || match.route.path && match.route.path.length > 0);
-}
-function getResolveToMatches(matches, v7_relativeSplatPath) {
-  let pathMatches = getPathContributingMatches(matches);
-  if (v7_relativeSplatPath) {
-    return pathMatches.map((match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase);
-  }
-  return pathMatches.map((match) => match.pathnameBase);
-}
-function resolveTo(toArg, routePathnames, locationPathname, isPathRelative) {
-  if (isPathRelative === void 0) {
-    isPathRelative = false;
-  }
-  let to;
-  if (typeof toArg === "string") {
-    to = parsePath(toArg);
-  } else {
-    to = _extends({}, toArg);
-    invariant(!to.pathname || !to.pathname.includes("?"), getInvalidPathError("?", "pathname", "search", to));
-    invariant(!to.pathname || !to.pathname.includes("#"), getInvalidPathError("#", "pathname", "hash", to));
-    invariant(!to.search || !to.search.includes("#"), getInvalidPathError("#", "search", "hash", to));
-  }
-  let isEmptyPath = toArg === "" || to.pathname === "";
-  let toPathname = isEmptyPath ? "/" : to.pathname;
-  let from;
-  if (toPathname == null) {
-    from = locationPathname;
-  } else {
-    let routePathnameIndex = routePathnames.length - 1;
-    if (!isPathRelative && toPathname.startsWith("..")) {
-      let toSegments = toPathname.split("/");
-      while (toSegments[0] === "..") {
-        toSegments.shift();
-        routePathnameIndex -= 1;
-      }
-      to.pathname = toSegments.join("/");
-    }
-    from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
-  }
-  let path = resolvePath(to, from);
-  let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/");
-  let hasCurrentTrailingSlash = (isEmptyPath || toPathname === ".") && locationPathname.endsWith("/");
-  if (!path.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {
-    path.pathname += "/";
-  }
-  return path;
-}
-const joinPaths = (paths) => paths.join("/").replace(/\/\/+/g, "/");
-const normalizeSearch = (search) => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search;
-const normalizeHash = (hash) => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash;
-class AbortedDeferredError extends Error {
-}
-const validMutationMethodsArr = ["post", "put", "patch", "delete"];
-new Set(validMutationMethodsArr);
-const validRequestMethodsArr = ["get", ...validMutationMethodsArr];
-new Set(validRequestMethodsArr);
-export {
-  AbortedDeferredError,
-  Action,
-  getResolveToMatches as UNSAFE_getResolveToMatches,
-  invariant as UNSAFE_invariant,
-  warning as UNSAFE_warning,
-  createPath,
-  joinPaths,
-  matchPath,
-  parsePath,
-  resolvePath,
-  resolveTo,
-  stripBasename
-};
-//# sourceMappingURL=router.js.map