@inventreedb/ui 0.6.0 → 0.8.0

package/lib/types/Auth.tsx

@@ -1,5 +1,16 @@
 export interface AuthContext {
   status: number;
+  user?: {
+    id: number;
+    display: string;
+    has_usable_password: boolean;
+    username: string;
+  };
+  methods?: {
+    method: string;
+    at: number;
+    username: string;
+  }[];
   data: { flows: Flow[] };
   meta: { is_authenticated: boolean };
 }
@@ -14,7 +25,8 @@ export enum FlowEnum {
   MfaAuthenticate = 'mfa_authenticate',
   Reauthenticate = 'reauthenticate',
   MfaReauthenticate = 'mfa_reauthenticate',
-  MfaTrust = 'mfa_trust'
+  MfaTrust = 'mfa_trust',
+  MfaRegister = 'mfa_register'
 }
 
 export interface Flow {

package/lib/types/Core.tsx

@@ -1,4 +1,4 @@
-import type { MantineSize } from '@mantine/core';
+import type { MantineRadius, MantineSize } from '@mantine/core';
 
 export type UiSizeType = MantineSize | string | number;
 
@@ -6,7 +6,7 @@ export interface UserTheme {
   primaryColor: string;
   whiteColor: string;
   blackColor: string;
-  radius: UiSizeType;
+  radius: MantineRadius;
   loader: string;
 }
 

package/lib/types/Filters.tsx

@@ -39,7 +39,7 @@ export type TableFilterType = 'boolean' | 'choice' | 'date' | 'text' | 'api';
  */
 export type TableFilter = {
   name: string;
-  label: string;
+  label?: string;
   description?: string;
   type?: TableFilterType;
   choices?: TableFilterChoice[];

package/lib/types/Forms.tsx

@@ -48,14 +48,19 @@ export type ApiFormFieldHeader = {
  * @param model : The model to use for related fields
  * @param filters : Optional API filters to apply to related fields
  * @param required : Whether the field is required
+ * @param allow_null: Whether the field allows null values
+ * @param allow_blank: Whether the field allows blank values
  * @param hidden : Whether the field is hidden
  * @param disabled : Whether the field is disabled
  * @param error : Optional error message to display
  * @param exclude : Whether to exclude the field from the submitted data
  * @param placeholder : The placeholder text to display
+ * @param placeholderAutofill: Whether to allow auto-filling of the placeholder value
  * @param description : The description to display for the field
  * @param preFieldContent : Content to render before the field
  * @param postFieldContent : Content to render after the field
+ * @param leftSection : Content to render in the left section of the field
+ * @param rightSection : Content to render in the right section of the field
  * @param autoFill: Whether to automatically fill the field with data from the API
  * @param autoFillFilters: Optional filters to apply when auto-filling the field
  * @param onValueChange : Callback function to call when the field value changes
@@ -100,12 +105,19 @@ export type ApiFormFieldType = {
   choices?: ApiFormFieldChoice[];
   hidden?: boolean;
   disabled?: boolean;
+  allow_null?: boolean;
+  allow_blank?: boolean;
   exclude?: boolean;
   read_only?: boolean;
   placeholder?: string;
+  placeholderAutofill?: boolean;
+  placeholderWarningCompare?: string | number;
+  placeholderWarning?: string;
   description?: string;
   preFieldContent?: JSX.Element;
   postFieldContent?: JSX.Element;
+  leftSection?: JSX.Element;
+  rightSection?: JSX.Element;
   autoFill?: boolean;
   autoFillFilters?: any;
   adjustValue?: (value: any) => any;
@@ -191,3 +203,11 @@ export interface ApiFormModalProps extends ApiFormProps {
 export interface BulkEditApiFormModalProps extends ApiFormModalProps {
   items: number[];
 }
+
+export type StockOperationProps = {
+  items?: any[];
+  pk?: number;
+  filters?: any;
+  model: ModelType.stockitem | 'location' | ModelType.part;
+  refresh: () => void;
+};

package/lib/types/Plugins.tsx

@@ -5,7 +5,11 @@ import type { AxiosInstance } from 'axios';
 import type { NavigateFunction } from 'react-router-dom';
 import type { ModelDict } from '../enums/ModelInformation';
 import type { ModelType } from '../enums/ModelType';
-import type { ApiFormModalProps, BulkEditApiFormModalProps } from './Forms';
+import type {
+  ApiFormModalProps,
+  BulkEditApiFormModalProps,
+  StockOperationProps
+} from './Forms';
 import type { UseModalReturn } from './Modals';
 import type { RenderInstanceProps } from './Rendering';
 import type { SettingsStateProps } from './Settings';
@@ -24,11 +28,24 @@ export interface PluginVersion {
   mantine: string;
 }
 
+export type StockAdjustmentFormsContext = {
+  addStock: (props: StockOperationProps) => UseModalReturn;
+  assignStock: (props: StockOperationProps) => UseModalReturn;
+  changeStatus: (props: StockOperationProps) => UseModalReturn;
+  countStock: (props: StockOperationProps) => UseModalReturn;
+  deleteStock: (props: StockOperationProps) => UseModalReturn;
+  mergeStock: (props: StockOperationProps) => UseModalReturn;
+  removeStock: (props: StockOperationProps) => UseModalReturn;
+  transferStock: (props: StockOperationProps) => UseModalReturn;
+  returnStock: (props: StockOperationProps) => UseModalReturn;
+};
+
 export type InvenTreeFormsContext = {
   bulkEdit: (props: BulkEditApiFormModalProps) => UseModalReturn;
   create: (props: ApiFormModalProps) => UseModalReturn;
   delete: (props: ApiFormModalProps) => UseModalReturn;
   edit: (props: ApiFormModalProps) => UseModalReturn;
+  stockActions: StockAdjustmentFormsContext;
 };
 
 /**

package/lib/types/Settings.tsx

@@ -34,6 +34,8 @@ export interface Setting {
   method?: string;
   required?: boolean;
   read_only?: boolean;
+  confirm?: boolean;
+  confirm_text?: string;
 }
 
 export interface SettingChoice {

package/lib/types/Tables.tsx

@@ -99,6 +99,8 @@ export type TableState = {
  * @param cellsStyle - The style of the cells in the column
  * @param extra - Extra data to pass to the render function
  * @param noContext - Disable context menu for this column
+ * @param copyable - Enable copy button on hover (uses accessor to get value, or custom function)
+ * @param copyAccessor - Custom accessor path for copy value (defaults to column accessor)
  */
 export type TableColumnProps<T = any> = {
   accessor?: string;
@@ -123,6 +125,8 @@ export type TableColumnProps<T = any> = {
   extra?: any;
   noContext?: boolean;
   style?: MantineStyleProp;
+  copyable?: boolean | ((record: T) => string);
+  copyAccessor?: string;
 };
 
 /**
@@ -173,6 +177,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 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
  * @param onRowClick : (record: any, index: number, event: any) => void - Callback function when a row is clicked
@@ -204,6 +209,7 @@ export type InvenTreeTableProps<T = any> = {
   rowExpansion?: DataTableRowExpansionProps<T>;
   dataFormatter?: (data: any) => any;
   rowActions?: (record: T) => RowAction[];
+  detailAction?: boolean;
   onRowClick?: (record: T, index: number, event: any) => void;
   onCellClick?: DataTableCellClickHandler<T>;
   modelType?: ModelType;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@inventreedb/ui",
     "description": "UI components for the InvenTree project",
-    "version": "0.6.0",
+    "version": "0.8.0",
     "private": false,
     "type": "module",
     "license": "MIT",
@@ -40,14 +40,14 @@
         "compile": "lingui compile --typescript"
     },
     "dependencies": {
-        "@codemirror/autocomplete": "6.18.6",
+        "@codemirror/autocomplete": "6.18.7",
         "@codemirror/lang-liquid": "6.3.0",
         "@codemirror/language": "6.11.3",
         "@codemirror/lint": "6.8.5",
         "@codemirror/search": "6.5.11",
         "@codemirror/state": "6.5.2",
         "@codemirror/theme-one-dark": "6.1.3",
-        "@codemirror/view": "6.38.1",
+        "@codemirror/view": "6.38.2",
         "@emotion/react": "^11.13.3",
         "@fortawesome/fontawesome-svg-core": "^7.0.0",
         "@fortawesome/free-regular-svg-icons": "^7.0.0",
@@ -57,6 +57,7 @@
         "@fullcalendar/daygrid": "^6.1.15",
         "@fullcalendar/interaction": "^6.1.15",
         "@fullcalendar/react": "^6.1.15",
+        "@github/webauthn-json": "^2.1.1",
         "@lingui/core": "^5.3.1",
         "@lingui/react": "^5.3.1",
         "@mantine/carousel": "^8.2.7",
@@ -90,11 +91,11 @@
         "mantine-contextmenu": "^8.2.0",
         "mantine-datatable": "^8.2.0",
         "qrcode": "^1.5.4",
-        "react": "^19.1.1",
-        "react-dom": "^19.1.1",
+        "react": "^19.1.2",
+        "react-dom": "^19.1.2",
         "react-grid-layout": "1.4.4",
         "react-hook-form": "^7.62.0",
-        "react-is": "^19.1.1",
+        "react-is": "^19.1.2",
         "react-router-dom": "^6.26.2",
         "react-select": "^5.9.0",
         "react-simplemde-editor": "^5.2.0",
@@ -112,7 +113,7 @@
         "@lingui/babel-plugin-lingui-macro": "^5.3.1",
         "@lingui/cli": "^5.3.1",
         "@lingui/macro": "^5.3.1",
-        "@playwright/test": "^1.52.0",
+        "@playwright/test": "1.56.0",
         "@types/node": "^24.3.0",
         "@types/qrcode": "^1.5.5",
         "@types/react": "^19.1.10",
@@ -120,15 +121,16 @@
         "@types/react-grid-layout": "^1.3.5",
         "@types/react-router-dom": "^5.3.3",
         "@types/react-window": "^1.8.8",
-        "@vanilla-extract/vite-plugin": "^5.0.1",
+        "@vanilla-extract/vite-plugin": "^5.1.1",
         "@vitejs/plugin-react": "^5.0.2",
         "babel-plugin-macros": "^3.1.0",
         "nyc": "^17.1.0",
+        "otpauth": "^9.4.1",
         "path": "^0.12.7",
         "rollup": "^4.0.0",
         "rollup-plugin-license": "^3.5.3",
         "typescript": "^5.8.2",
-        "vite": "^6.2.6",
+        "vite": "7.1.11",
         "vite-plugin-babel-macros": "^1.0.6",
         "vite-plugin-dts": "^4.5.3",
         "vite-plugin-externals": "^0.6.2",