@inventreedb/ui 0.11.2 → 1.4.0

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 This file contains historical changelog information for the InvenTree UI components library.
 
+### 1.4.0 - May 2026
+
+#### Version Numbering
+
+This update brings the version numbering in-line with the core InvenTree server version, which is currently at `1.4.0`. This versioning scheme will be maintained going forward, with the UI components library version matching the core server version.
+
+Thus, version `1.4.x` of the UI components library will be compatible with version `1.4.x` of the InvenTree server, and so on.
+
+#### Mantine Library Update
+
+The underlying Mantine library has been updated from version `8.x` to version `9.x`. This update may introduce breaking changes for plugins that rely on the InvenTree UI components library, as the Mantine library is a core dependency. Plugin developers should test their plugins against this new version to ensure compatibility.
+
+#### New Components
+
+Adds additional functions in the plugin context related to form rendering and API invocation:
+- `useInstance`
+- `renderRemoteInstance`
+- `EditApiForm`
+- `RenderInlineModel`
+- `Thumbnail`
+
+Exposes sub-components related to DetailDrawer rendering:
+- `DetailDrawerComponent`
+- `useLocalLibState`
+
+### 0.11.3 - April 2026
+
+Exposes additional type definitions related to rendering drawers from tables:
+- `DetailDrawer`
+- `TableState`
+
+Also exposes `StylishText`, which is required downstream for rendering the DetailDrawer component, and is used in a number of places within the InvenTree UI.
+
 ### 0.11.2 - April 2026
 
 Exposes additional type definitions related to tables and filters:

package/dist/.vite/manifest.json

@@ -122,6 +122,14 @@
       "node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs"
     ]
   },
+  "lib/components/StylishText.tsx": {
+    "file": "components/StylishText.js",
+    "name": "components/StylishText",
+    "src": "lib/components/StylishText.tsx",
+    "imports": [
+      "/home/inventree/src/frontend/node_modules/react/jsx-runtime.js?commonjs-es-import"
+    ]
+  },
   "lib/components/TableColumnSelect.tsx": {
     "file": "components/TableColumnSelect.js",
     "name": "components/TableColumnSelect",
@@ -140,6 +148,26 @@
       "lib/functions/Conversion.tsx"
     ]
   },
+  "lib/components/nav/DetailDrawer.css.ts": {
+    "file": "components/nav/DetailDrawer.css.js",
+    "name": "components/nav/DetailDrawer.css",
+    "src": "lib/components/nav/DetailDrawer.css.ts"
+  },
+  "lib/components/nav/DetailDrawer.tsx": {
+    "file": "components/nav/DetailDrawer.js",
+    "name": "components/nav/DetailDrawer",
+    "src": "lib/components/nav/DetailDrawer.tsx",
+    "imports": [
+      "/home/inventree/src/frontend/node_modules/react/jsx-runtime.js?commonjs-es-import",
+      "node_modules/react-router-dom/dist/index.js",
+      "node_modules/zustand/esm/react/shallow.mjs",
+      "lib/states/LocalLibState.tsx",
+      "lib/components/StylishText.tsx",
+      "lib/components/nav/DetailDrawer.css.ts",
+      "node_modules/react-router/dist/index.js",
+      "node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs"
+    ]
+  },
   "lib/enums/ApiEndpoints.tsx": {
     "file": "enums/ApiEndpoints.js",
     "name": "enums/ApiEndpoints",
@@ -224,10 +252,10 @@
     "src": "lib/hooks/MonitorBackgroundTask.tsx",
     "imports": [
       "/home/inventree/src/frontend/node_modules/react/jsx-runtime.js?commonjs-es-import",
+      "node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs",
       "node_modules/@tanstack/react-query/build/modern/useQuery.js",
       "lib/enums/ApiEndpoints.tsx",
       "lib/functions/Api.tsx",
-      "node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs",
       "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck.mjs",
       "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleX.mjs",
       "node_modules/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs"
@@ -239,11 +267,11 @@
     "src": "lib/hooks/MonitorDataOutput.tsx",
     "imports": [
       "/home/inventree/src/frontend/node_modules/react/jsx-runtime.js?commonjs-es-import",
+      "node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs",
       "node_modules/@tanstack/react-query/build/modern/useQuery.js",
       "lib/components/ProgressBar.tsx",
       "lib/enums/ApiEndpoints.tsx",
       "lib/functions/Api.tsx",
-      "node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs",
       "node_modules/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs",
       "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck.mjs"
     ]
@@ -261,8 +289,8 @@
     "name": "hooks/UseTable",
     "src": "lib/hooks/UseTable.tsx",
     "imports": [
-      "lib/hooks/UseFilterSet.tsx",
-      "node_modules/@mantine/hooks/esm/utils/random-id/random-id.mjs"
+      "node_modules/@mantine/hooks/esm/utils/random-id/random-id.mjs",
+      "lib/hooks/UseFilterSet.tsx"
     ]
   },
   "lib/index.ts": {
@@ -298,7 +326,19 @@
       "lib/hooks/MonitorBackgroundTask.tsx",
       "lib/hooks/UseFilterSet.tsx",
       "lib/hooks/UseTable.tsx",
-      "lib/states/StoredTableState.tsx"
+      "lib/components/nav/DetailDrawer.tsx",
+      "lib/components/StylishText.tsx",
+      "lib/states/StoredTableState.tsx",
+      "lib/states/LocalLibState.tsx"
+    ]
+  },
+  "lib/states/LocalLibState.tsx": {
+    "file": "states/LocalLibState.js",
+    "name": "states/LocalLibState",
+    "src": "lib/states/LocalLibState.tsx",
+    "imports": [
+      "node_modules/zustand/esm/middleware.mjs",
+      "node_modules/zustand/esm/react.mjs"
     ]
   },
   "lib/states/StoredTableState.tsx": {
@@ -351,6 +391,11 @@
     "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",
@@ -646,6 +691,14 @@
       "node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs"
     ]
   },
+  "node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs": {
+    "file": "node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js",
+    "name": "node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft",
+    "src": "node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs",
+    "imports": [
+      "node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs"
+    ]
+  },
   "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck.mjs": {
     "file": "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck.js",
     "name": "node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck",
@@ -859,6 +912,23 @@
       "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",
@@ -898,9 +968,26 @@
       "node_modules/zustand/esm/vanilla.mjs"
     ]
   },
+  "node_modules/zustand/esm/react/shallow.mjs": {
+    "file": "node_modules/zustand/esm/react/shallow.js",
+    "name": "node_modules/zustand/esm/react/shallow",
+    "src": "node_modules/zustand/esm/react/shallow.mjs",
+    "imports": [
+      "node_modules/zustand/esm/vanilla/shallow.mjs"
+    ]
+  },
   "node_modules/zustand/esm/vanilla.mjs": {
     "file": "node_modules/zustand/esm/vanilla.js",
     "name": "node_modules/zustand/esm/vanilla",
     "src": "node_modules/zustand/esm/vanilla.mjs"
+  },
+  "node_modules/zustand/esm/vanilla/shallow.mjs": {
+    "file": "node_modules/zustand/esm/vanilla/shallow.js",
+    "name": "node_modules/zustand/esm/vanilla/shallow",
+    "src": "node_modules/zustand/esm/vanilla/shallow.mjs"
+  },
+  "style.css": {
+    "file": "ui.css",
+    "src": "style.css"
   }
 }

package/dist/components/Boundary.js

@@ -3,21 +3,30 @@ import { ErrorBoundary } from "../node_modules/@sentry/react/build/esm/errorboun
 import IconExclamationCircle from "../node_modules/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.js";
 const _i18n = window["LinguiCore"].i18n;
 const Alert = window["MantineCore"].Alert;
+const Stack = window["MantineCore"].Stack;
 const useCallback = window["React"].useCallback;
 function DefaultFallback({
   title
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconExclamationCircle, {}), title: `${_i18n._(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconExclamationCircle, {}), title: `INVE-E17: ${_i18n._(
     /*i18n*/
     {
       id: "qwCNwv"
     }
-  )}: ${title}`, children: _i18n._(
-    /*i18n*/
-    {
-      id: "kH8meY"
-    }
-  ) });
+  )}: ${title}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "xs", children: [
+    _i18n._(
+      /*i18n*/
+      {
+        id: "kH8meY"
+      }
+    ),
+    _i18n._(
+      /*i18n*/
+      {
+        id: "pz0nW1"
+      }
+    )
+  ] }) });
 }
 function Boundary({
   children,

package/dist/components/Boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boundary.js","sources":["../../lib/components/Boundary.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { Alert } from '@mantine/core';\nimport { ErrorBoundary, type FallbackRender } from '@sentry/react';\nimport { IconExclamationCircle } from '@tabler/icons-react';\nimport { type ReactNode, useCallback } from 'react';\n\nexport function DefaultFallback({\n  title\n}: Readonly<{ title: string }>): ReactNode {\n  return (\n    <Alert\n      color='red'\n      icon={<IconExclamationCircle />}\n      title={`${t`Error rendering component`}: ${title}`}\n    >\n      {t`An error occurred while rendering this component. Refer to the console for more information.`}\n    </Alert>\n  );\n}\n\nexport function Boundary({\n  children,\n  label,\n  fallback\n}: Readonly<{\n  children: ReactNode;\n  label: string;\n  fallback?: React.ReactElement<any> | FallbackRender;\n}>): ReactNode {\n  const onError = useCallback(\n    (error: unknown, componentStack: string | undefined, eventId: string) => {\n      console.error(`ERR: Error rendering component: ${label}`);\n      console.error(error);\n    },\n    []\n  );\n\n  return (\n    <ErrorBoundary\n      fallback={fallback ?? <DefaultFallback title={label} />}\n      onError={onError}\n    >\n      {children}\n    </ErrorBoundary>\n  );\n}\n"],"names":["DefaultFallback","title","jsx","_i18n","_","id","Boundary","children","label","fallback","onError","useCallback","error","componentStack","eventId","console"],"mappings":";;;AAAA,MAAA,QAAA,OAAA,YAAA,EAAA;AACA,MAAA,QAAA,OAAA,aAAA,EAAA;AAGA,MAAA,cAAA,OAAA,OAAA,EAAA;AAEO,SAASA,gBAAgB;AAAA,EAC9BC;AAC2B,GAAc;AACzC,SACEC,kCAAAA,IAAC,OAAA,EACC,OAAM,OACN,4CAAO,uBAAA,CAAA,CAAqB,GAC5B,OAAO,GAAAC,MAAAC;AAAAA;AAAAA,IAAG;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAA2B,CAAC,KAAKJ,KAAK,IAEhDE,UAAAA,MAAAC;AAAAA;AAAAA,IAAC;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAA8F,GACjG;AAEJ;AAEO,SAASC,SAAS;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAKD,GAAc;AACb,QAAMC,UAAUC,YACd,CAACC,OAAgBC,gBAAoCC,YAAoB;AACvEC,YAAQH,MAAM,mCAAmCJ,KAAK,EAAE;AACxDO,YAAQH,MAAMA,KAAK;AAAA,EACrB,GACA,CAAA,CACF;AAEA,SACEV,kCAAAA,IAAC,eAAA,EACC,UAAUO,YAAYP,kCAAAA,IAAC,mBAAgB,OAAOM,MAAAA,CAAM,GACpD,SAECD,SAAAA,CACH;AAEJ;"}
+{"version":3,"file":"Boundary.js","sources":["../../lib/components/Boundary.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { Alert, Stack } from '@mantine/core';\nimport { ErrorBoundary, type FallbackRender } from '@sentry/react';\nimport { IconExclamationCircle } from '@tabler/icons-react';\nimport { type ReactNode, useCallback } from 'react';\n\nexport function DefaultFallback({\n  title\n}: Readonly<{ title: string }>): ReactNode {\n  return (\n    <Alert\n      color='red'\n      icon={<IconExclamationCircle />}\n      title={`INVE-E17: ${t`Error rendering component`}: ${title}`}\n    >\n      <Stack gap='xs'>\n        {t`An error occurred while rendering this component. Refer to the console for more information.`}\n        {t`Try reloading the page, or contact your administrator if the problem persists.`}\n      </Stack>\n    </Alert>\n  );\n}\n\nexport function Boundary({\n  children,\n  label,\n  fallback\n}: Readonly<{\n  children: ReactNode;\n  label: string;\n  fallback?: React.ReactElement<any> | FallbackRender;\n}>): ReactNode {\n  const onError = useCallback(\n    (error: unknown, componentStack: string | undefined, eventId: string) => {\n      console.error(`ERR: Error rendering component: ${label}`);\n      console.error(error);\n    },\n    []\n  );\n\n  return (\n    <ErrorBoundary\n      fallback={fallback ?? <DefaultFallback title={label} />}\n      onError={onError}\n    >\n      {children}\n    </ErrorBoundary>\n  );\n}\n"],"names":["DefaultFallback","title","jsx","_i18n","_","id","jsxs","Boundary","children","label","fallback","onError","useCallback","error","componentStack","eventId","console"],"mappings":";;;AAAA,MAAA,QAAA,OAAA,YAAA,EAAA;AACA,MAAA,QAAA,OAAA,aAAA,EAAA;;AAGA,MAAA,cAAA,OAAA,OAAA,EAAA;AAEO,SAASA,gBAAgB;AAAA,EAC9BC;AAC2B,GAAc;AACzC,SACEC,kCAAAA,IAAC,OAAA,EACC,OAAM,OACN,4CAAO,uBAAA,CAAA,CAAqB,GAC5B,OAAO,aAAAC,MAAAC;AAAAA;AAAAA,IAAa;AAAA,MAAAC,IAAA;AAAA,IAAA;AAAA,EAA2B,CAAC,KAAKJ,KAAK,IAE1D,UAAAK,uCAAC,OAAA,EAAM,KAAI,MACTH,UAAAA;AAAAA,IAAAA,MAAAC;AAAAA;AAAAA,MAAC;AAAA,QAAAC,IAAA;AAAA,MAAA;AAAA,IAA8F;AAAA,IAC/FF,MAAAC;AAAAA;AAAAA,MAAC;AAAA,QAAAC,IAAA;AAAA,MAAA;AAAA,IAAgF;AAAA,EAAC,EAAA,CACpF,EAAA,CACF;AAEJ;AAEO,SAASE,SAAS;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAKD,GAAc;AACb,QAAMC,UAAUC,YACd,CAACC,OAAgBC,gBAAoCC,YAAoB;AACvEC,YAAQH,MAAM,mCAAmCJ,KAAK,EAAE;AACxDO,YAAQH,MAAMA,KAAK;AAAA,EACrB,GACA,CAAA,CACF;AAEA,SACEX,kCAAAA,IAAC,eAAA,EACC,UAAUQ,YAAYR,kCAAAA,IAAC,mBAAgB,OAAOO,MAAAA,CAAM,GACpD,SAECD,SAAAA,CACH;AAEJ;"}

package/dist/components/InvenTreeTable.js

@@ -9,7 +9,8 @@ function InvenTreeTable({
   props,
   context
 }) {
-  if (!context?.tables?.renderTable) {
+  var _a, _b;
+  if (!((_a = context == null ? void 0 : context.tables) == null ? void 0 : _a.renderTable)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { title: "Plugin Version Error", color: "red", children: [
       'The <InvenTreeTable> component cannot be rendered because the plugin context is missing the "renderTable" function.',
       /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
@@ -21,11 +22,11 @@ function InvenTreeTable({
       /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: "UI Version:" }),
       " ",
-      context?.version?.inventree || "unknown",
+      ((_b = context == null ? void 0 : context.version) == null ? void 0 : _b.inventree) || "unknown",
       /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
     ] });
   }
-  return context?.tables.renderTable({
+  return context == null ? void 0 : context.tables.renderTable({
     url,
     tableState,
     tableData,

package/dist/components/InvenTreeTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvenTreeTable.js","sources":["../../lib/components/InvenTreeTable.tsx"],"sourcesContent":["import { Alert } from '@mantine/core';\nimport {\n  INVENTREE_PLUGIN_VERSION,\n  type InvenTreePluginContext\n} from '../types/Plugins';\nimport type {\n  InvenTreeTableProps,\n  TableColumn,\n  TableState\n} from '../types/Tables';\n\n/**\n * Wrapper function which allows plugins to render an InvenTree component instance directly,\n * in a similar way to the standard InvenTreeTable component.\n *\n * Note: The InventreePluginContext \"context\" object must be provided when rendering the table\n *\n */\n\nexport default function InvenTreeTable({\n  url,\n  tableState,\n  tableData,\n  columns,\n  props,\n  context\n}: {\n  url?: string;\n  tableState: TableState;\n  tableData?: any[];\n  columns: TableColumn<any>[];\n  props: InvenTreeTableProps;\n  context: InvenTreePluginContext;\n}) {\n  if (!context?.tables?.renderTable) {\n    return (\n      <Alert title='Plugin Version Error' color='red'>\n        {\n          'The <InvenTreeTable> component cannot be rendered because the plugin context is missing the \"renderTable\" function.'\n        }\n        <br />\n        {\n          'This means that the InvenTree UI library version is incompatible with this plugin version.'\n        }\n        <br />\n        <b>Plugin Version:</b> {INVENTREE_PLUGIN_VERSION}\n        <br />\n        <b>UI Version:</b> {context?.version?.inventree || 'unknown'}\n        <br />\n      </Alert>\n    );\n  }\n\n  return context?.tables.renderTable({\n    url: url,\n    tableState: tableState,\n    tableData: tableData,\n    columns: columns,\n    props: props,\n    api: context.api,\n    navigate: context.navigate\n  });\n}\n"],"names":["InvenTreeTable","url","tableState","tableData","columns","props","context","tables","renderTable","jsxs","jsx","INVENTREE_PLUGIN_VERSION","version","inventree","api","navigate"],"mappings":";;AAAA,MAAA,QAAA,OAAA,aAAA,EAAA;AAmBA,SAAwBA,eAAe;AAAA,EACrCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,GAAG;AACD,MAAI,CAACA,SAASC,QAAQC,aAAa;AACjC,WACEC,kCAAAA,KAAC,OAAA,EAAM,OAAM,wBAAuB,OAAM,OAEtC,UAAA;AAAA,MAAA;AAAA,4CAED,MAAA,EAAE;AAAA,MAED;AAAA,4CAED,MAAA,EAAE;AAAA,MACHC,kCAAAA,IAAC,OAAE,UAAA,kBAAA,CAAe;AAAA,MAAI;AAAA,MAAEC;AAAAA,4CACvB,MAAA,EAAE;AAAA,MACHD,kCAAAA,IAAC,OAAE,UAAA,cAAA,CAAW;AAAA,MAAI;AAAA,MAAEJ,SAASM,SAASC,aAAa;AAAA,4CAClD,MAAA,CAAA,CAAE;AAAA,IAAA,GACL;AAAA,EAEJ;AAEA,SAAOP,SAASC,OAAOC,YAAY;AAAA,IACjCP;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAS,KAAKR,QAAQQ;AAAAA,IACbC,UAAUT,QAAQS;AAAAA,EAAAA,CACnB;AACH;"}
+{"version":3,"file":"InvenTreeTable.js","sources":["../../lib/components/InvenTreeTable.tsx"],"sourcesContent":["import { Alert } from '@mantine/core';\nimport {\n  INVENTREE_PLUGIN_VERSION,\n  type InvenTreePluginContext\n} from '../types/Plugins';\nimport type {\n  InvenTreeTableProps,\n  TableColumn,\n  TableState\n} from '../types/Tables';\n\n/**\n * Wrapper function which allows plugins to render an InvenTree component instance directly,\n * in a similar way to the standard InvenTreeTable component.\n *\n * Note: The InventreePluginContext \"context\" object must be provided when rendering the table\n *\n */\n\nexport default function InvenTreeTable({\n  url,\n  tableState,\n  tableData,\n  columns,\n  props,\n  context\n}: {\n  url?: string;\n  tableState: TableState;\n  tableData?: any[];\n  columns: TableColumn<any>[];\n  props: InvenTreeTableProps;\n  context: InvenTreePluginContext;\n}) {\n  if (!context?.tables?.renderTable) {\n    return (\n      <Alert title='Plugin Version Error' color='red'>\n        {\n          'The <InvenTreeTable> component cannot be rendered because the plugin context is missing the \"renderTable\" function.'\n        }\n        <br />\n        {\n          'This means that the InvenTree UI library version is incompatible with this plugin version.'\n        }\n        <br />\n        <b>Plugin Version:</b> {INVENTREE_PLUGIN_VERSION}\n        <br />\n        <b>UI Version:</b> {context?.version?.inventree || 'unknown'}\n        <br />\n      </Alert>\n    );\n  }\n\n  return context?.tables.renderTable({\n    url: url,\n    tableState: tableState,\n    tableData: tableData,\n    columns: columns,\n    props: props,\n    api: context.api,\n    navigate: context.navigate\n  });\n}\n"],"names":["InvenTreeTable","url","tableState","tableData","columns","props","context","tables","renderTable","jsxs","jsx","INVENTREE_PLUGIN_VERSION","version","inventree","api","navigate"],"mappings":";;AAAA,MAAA,QAAA,OAAA,aAAA,EAAA;AAmBA,SAAwBA,eAAe;AAAA,EACrCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,GAAG;;AACD,MAAI,GAACA,wCAASC,WAATD,mBAAiBE,cAAa;AACjC,WACEC,kCAAAA,KAAC,OAAA,EAAM,OAAM,wBAAuB,OAAM,OAEtC,UAAA;AAAA,MAAA;AAAA,4CAED,MAAA,EAAE;AAAA,MAED;AAAA,4CAED,MAAA,EAAE;AAAA,MACHC,kCAAAA,IAAC,OAAE,UAAA,kBAAA,CAAe;AAAA,MAAI;AAAA,MAAEC;AAAAA,4CACvB,MAAA,EAAE;AAAA,MACHD,kCAAAA,IAAC,OAAE,UAAA,cAAA,CAAW;AAAA,MAAI;AAAA,QAAEJ,wCAASM,YAATN,mBAAkBO,cAAa;AAAA,4CAClD,MAAA,CAAA,CAAE;AAAA,IAAA,GACL;AAAA,EAEJ;AAEA,SAAOP,mCAASC,OAAOC,YAAY;AAAA,IACjCP;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAS,KAAKR,QAAQQ;AAAAA,IACbC,UAAUT,QAAQS;AAAAA,EAAAA;AAEtB;"}

package/dist/components/RowActions.js

@@ -92,8 +92,9 @@ function RowActions({
   }, [actions]);
   function RowActionIcon(action) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { withinPortal: true, label: action.tooltip ?? action.title, position: "left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Item, { color: action.color, leftSection: action.icon, onClick: (event) => {
+      var _a;
       cancelEvent(event);
-      action.onClick?.(event);
+      (_a = action.onClick) == null ? void 0 : _a.call(action, event);
       setOpened(false);
     }, disabled: action.disabled || false, children: action.title }) }, action.title);
   }
@@ -103,7 +104,7 @@ function RowActions({
       {
         id: "7L01XJ"
       }
-    ), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { "aria-label": `row-action-menu-${index ?? ""}`, onClick: openMenu, disabled, variant: "subtle", color: "gray", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconDots, {}) }, `row-action-menu-${index ?? ""}`) }) }),
+    ), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { "aria-label": `row-action-menu-${index ?? ""}`, onClick: openMenu, disabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconDots, {}) }, `row-action-menu-${index ?? ""}`) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Dropdown, { children: visibleActions.map((action) => /* @__PURE__ */ jsxRuntimeExports.jsx(RowActionIcon, { ...action }, action.title)) })
   ] });
 }

package/dist/components/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","sources":["../../lib/components/RowActions.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { ActionIcon, Menu, Tooltip } from '@mantine/core';\nimport {\n  IconArrowRight,\n  IconCircleX,\n  IconCopy,\n  IconDots,\n  IconEdit,\n  IconTrash\n} from '@tabler/icons-react';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { cancelEvent } from '../functions/Events';\nimport { getDetailUrl } from '../functions/Navigation';\nimport { navigateToLink } from '../functions/Navigation';\nimport type { RowAction, RowViewProps } from '../types/Tables';\n\nexport type { RowAction, RowViewProps } from '../types/Tables';\n\n// Component for viewing a row in a table\nexport function RowViewAction(props: RowViewProps): RowAction {\n  return {\n    ...props,\n    color: undefined,\n    icon: <IconArrowRight />,\n    onClick: (event: any) => {\n      const url = getDetailUrl(props.modelType, props.modelId);\n      navigateToLink(url, props.navigate, event);\n    }\n  };\n}\n\n// Component for duplicating a row in a table\nexport function RowDuplicateAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Duplicate`,\n    color: 'green',\n    icon: <IconCopy />\n  };\n}\n\n// Component for editing a row in a table\nexport function RowEditAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Edit`,\n    color: 'blue',\n    icon: <IconEdit />\n  };\n}\n\n// Component for deleting a row in a table\nexport function RowDeleteAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Delete`,\n    color: 'red',\n    icon: <IconTrash />\n  };\n}\n\n// Component for cancelling a row in a table\nexport function RowCancelAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Cancel`,\n    color: 'red',\n    icon: <IconCircleX />\n  };\n}\n\n/**\n * Component for displaying actions for a row in a table.\n * Displays a simple dropdown menu with a list of actions.\n */\nexport function RowActions({\n  title,\n  actions,\n  disabled = false,\n  index\n}: {\n  title?: string;\n  disabled?: boolean;\n  actions: RowAction[];\n  index?: number;\n}): ReactNode {\n  // Prevent default event handling\n  // Ref: https://icflorescu.github.io/mantine-datatable/examples/links-or-buttons-inside-clickable-rows-or-cells\n  function openMenu(event: any) {\n    cancelEvent(event);\n    setOpened(!opened);\n  }\n\n  const [opened, setOpened] = useState(false);\n\n  const visibleActions = useMemo(() => {\n    return actions.filter((action) => !action.hidden);\n  }, [actions]);\n\n  // Render a single action icon\n  function RowActionIcon(action: Readonly<RowAction>) {\n    return (\n      <Tooltip\n        withinPortal={true}\n        label={action.tooltip ?? action.title}\n        key={action.title}\n        position='left'\n      >\n        <Menu.Item\n          color={action.color}\n          leftSection={action.icon}\n          onClick={(event) => {\n            // Prevent clicking on the action from selecting the row itself\n            cancelEvent(event);\n            action.onClick?.(event);\n            setOpened(false);\n          }}\n          disabled={action.disabled || false}\n        >\n          {action.title}\n        </Menu.Item>\n      </Tooltip>\n    );\n  }\n\n  return (\n    visibleActions.length > 0 && (\n      <Menu\n        withinPortal={true}\n        disabled={disabled}\n        position='bottom-end'\n        opened={opened}\n        onChange={setOpened}\n      >\n        <Menu.Target>\n          <Tooltip withinPortal={true} label={title || t`Actions`}>\n            <ActionIcon\n              key={`row-action-menu-${index ?? ''}`}\n              aria-label={`row-action-menu-${index ?? ''}`}\n              onClick={openMenu}\n              disabled={disabled}\n              variant='subtle'\n              color='gray'\n            >\n              <IconDots />\n            </ActionIcon>\n          </Tooltip>\n        </Menu.Target>\n        <Menu.Dropdown>\n          {visibleActions.map((action) => (\n            <RowActionIcon key={action.title} {...action} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    )\n  );\n}\n"],"names":["RowViewAction","props","color","undefined","icon","onClick","event","url","getDetailUrl","modelType","modelId","navigateToLink","navigate","RowDuplicateAction","title","_i18n","_","id","RowEditAction","RowDeleteAction","RowCancelAction","RowActions","actions","disabled","index","openMenu","cancelEvent","setOpened","opened","useState","visibleActions","useMemo","filter","action","hidden","RowActionIcon","jsx","tooltip","length","jsxs","map"],"mappings":"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"}
+{"version":3,"file":"RowActions.js","sources":["../../lib/components/RowActions.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { ActionIcon, Menu, Tooltip } from '@mantine/core';\nimport {\n  IconArrowRight,\n  IconCircleX,\n  IconCopy,\n  IconDots,\n  IconEdit,\n  IconTrash\n} from '@tabler/icons-react';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { cancelEvent } from '../functions/Events';\nimport { getDetailUrl } from '../functions/Navigation';\nimport { navigateToLink } from '../functions/Navigation';\nimport type { RowAction, RowViewProps } from '../types/Tables';\n\nexport type { RowAction, RowViewProps } from '../types/Tables';\n\n// Component for viewing a row in a table\nexport function RowViewAction(props: RowViewProps): RowAction {\n  return {\n    ...props,\n    color: undefined,\n    icon: <IconArrowRight />,\n    onClick: (event: any) => {\n      const url = getDetailUrl(props.modelType, props.modelId);\n      navigateToLink(url, props.navigate, event);\n    }\n  };\n}\n\n// Component for duplicating a row in a table\nexport function RowDuplicateAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Duplicate`,\n    color: 'green',\n    icon: <IconCopy />\n  };\n}\n\n// Component for editing a row in a table\nexport function RowEditAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Edit`,\n    color: 'blue',\n    icon: <IconEdit />\n  };\n}\n\n// Component for deleting a row in a table\nexport function RowDeleteAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Delete`,\n    color: 'red',\n    icon: <IconTrash />\n  };\n}\n\n// Component for cancelling a row in a table\nexport function RowCancelAction(props: RowAction): RowAction {\n  return {\n    ...props,\n    title: t`Cancel`,\n    color: 'red',\n    icon: <IconCircleX />\n  };\n}\n\n/**\n * Component for displaying actions for a row in a table.\n * Displays a simple dropdown menu with a list of actions.\n */\nexport function RowActions({\n  title,\n  actions,\n  disabled = false,\n  index\n}: {\n  title?: string;\n  disabled?: boolean;\n  actions: RowAction[];\n  index?: number;\n}): ReactNode {\n  // Prevent default event handling\n  // Ref: https://icflorescu.github.io/mantine-datatable/examples/links-or-buttons-inside-clickable-rows-or-cells\n  function openMenu(event: any) {\n    cancelEvent(event);\n    setOpened(!opened);\n  }\n\n  const [opened, setOpened] = useState(false);\n\n  const visibleActions = useMemo(() => {\n    return actions.filter((action) => !action.hidden);\n  }, [actions]);\n\n  // Render a single action icon\n  function RowActionIcon(action: Readonly<RowAction>) {\n    return (\n      <Tooltip\n        withinPortal={true}\n        label={action.tooltip ?? action.title}\n        key={action.title}\n        position='left'\n      >\n        <Menu.Item\n          color={action.color}\n          leftSection={action.icon}\n          onClick={(event) => {\n            // Prevent clicking on the action from selecting the row itself\n            cancelEvent(event);\n            action.onClick?.(event);\n            setOpened(false);\n          }}\n          disabled={action.disabled || false}\n        >\n          {action.title}\n        </Menu.Item>\n      </Tooltip>\n    );\n  }\n\n  return (\n    visibleActions.length > 0 && (\n      <Menu\n        withinPortal={true}\n        disabled={disabled}\n        position='bottom-end'\n        opened={opened}\n        onChange={setOpened}\n      >\n        <Menu.Target>\n          <Tooltip withinPortal={true} label={title || t`Actions`}>\n            <ActionIcon\n              key={`row-action-menu-${index ?? ''}`}\n              aria-label={`row-action-menu-${index ?? ''}`}\n              onClick={openMenu}\n              disabled={disabled}\n              variant='transparent'\n              size='sm'\n            >\n              <IconDots />\n            </ActionIcon>\n          </Tooltip>\n        </Menu.Target>\n        <Menu.Dropdown>\n          {visibleActions.map((action) => (\n            <RowActionIcon key={action.title} {...action} />\n          ))}\n        </Menu.Dropdown>\n      </Menu>\n    )\n  );\n}\n"],"names":["RowViewAction","props","color","undefined","icon","onClick","event","url","getDetailUrl","modelType","modelId","navigateToLink","navigate","RowDuplicateAction","title","_i18n","_","id","RowEditAction","RowDeleteAction","RowCancelAction","RowActions","actions","disabled","index","openMenu","cancelEvent","setOpened","opened","useState","visibleActions","useMemo","filter","action","hidden","RowActionIcon","jsx","tooltip","length","jsxs","map"],"mappings":"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"}

package/dist/components/StylishText.d.ts

@@ -0,0 +1,6 @@
+import { MantineSize } from '@mantine/core';
+import { JSX } from 'react';
+export declare function StylishText({ children, size }: Readonly<{
+    children: JSX.Element | string;
+    size?: MantineSize;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/StylishText.js

@@ -0,0 +1,36 @@
+import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+const Text = window["MantineCore"].Text;
+const darken = window["MantineCore"].darken;
+const getThemeColor = window["MantineCore"].getThemeColor;
+const useMantineTheme = window["MantineCore"].useMantineTheme;
+const useMemo = window["React"].useMemo;
+const useThematicGradient = () => {
+  const theme = useMantineTheme();
+  const primary = useMemo(() => {
+    return getThemeColor(theme.primaryColor, theme);
+  }, [theme]);
+  const secondary = useMemo(() => darken(primary, 0.25), [primary]);
+  return useMemo(() => {
+    return {
+      primary,
+      secondary
+    };
+  }, [primary, secondary]);
+};
+function StylishText({
+  children,
+  size
+}) {
+  const {
+    primary,
+    secondary
+  } = useThematicGradient();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fw: 700, size: size ?? "xl", variant: "gradient", gradient: {
+    from: primary.toString(),
+    to: secondary.toString()
+  }, children });
+}
+export {
+  StylishText
+};
+//# sourceMappingURL=StylishText.js.map

package/dist/components/StylishText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylishText.js","sources":["../../lib/components/StylishText.tsx"],"sourcesContent":["import {\n  type MantineSize,\n  Text,\n  darken,\n  getThemeColor,\n  useMantineTheme\n} from '@mantine/core';\nimport { useMemo } from 'react';\nimport type { JSX } from 'react';\n\n// Hook that memoizes the gradient color based on the primary color of the theme\nconst useThematicGradient = () => {\n  const theme = useMantineTheme();\n\n  const primary = useMemo(() => {\n    return getThemeColor(theme.primaryColor, theme);\n  }, [theme]);\n\n  const secondary = useMemo(() => darken(primary, 0.25), [primary]);\n\n  return useMemo(() => {\n    return { primary, secondary };\n  }, [primary, secondary]);\n};\n\n// A stylish text component that uses the primary color of the theme\nexport function StylishText({\n  children,\n  size\n}: Readonly<{\n  children: JSX.Element | string;\n  size?: MantineSize;\n}>) {\n  const { primary, secondary } = useThematicGradient();\n\n  return (\n    <Text\n      fw={700}\n      size={size ?? 'xl'}\n      variant='gradient'\n      gradient={{ from: primary.toString(), to: secondary.toString() }}\n    >\n      {children}\n    </Text>\n  );\n}\n"],"names":["useThematicGradient","theme","useMantineTheme","primary","useMemo","getThemeColor","primaryColor","secondary","darken","StylishText","children","size","jsx","from","toString","to"],"mappings":";AAAA,MAAA,OAAA,OAAA,aAAA,EAAA;;;;AAOA,MAAA,UAAA,OAAA,OAAA,EAAA;AAIA,MAAMA,sBAAsBA,MAAM;AAChC,QAAMC,QAAQC,gBAAAA;AAEd,QAAMC,UAAUC,QAAQ,MAAM;AAC5B,WAAOC,cAAcJ,MAAMK,cAAcL,KAAK;AAAA,EAChD,GAAG,CAACA,KAAK,CAAC;AAEV,QAAMM,YAAYH,QAAQ,MAAMI,OAAOL,SAAS,IAAI,GAAG,CAACA,OAAO,CAAC;AAEhE,SAAOC,QAAQ,MAAM;AACnB,WAAO;AAAA,MAAED;AAAAA,MAASI;AAAAA,IAAAA;AAAAA,EACpB,GAAG,CAACJ,SAASI,SAAS,CAAC;AACzB;AAGO,SAASE,YAAY;AAAA,EAC1BC;AAAAA,EACAC;AAID,GAAG;AACF,QAAM;AAAA,IAAER;AAAAA,IAASI;AAAAA,EAAAA,IAAcP,oBAAAA;AAE/B,SACEY,sCAAC,QACC,IAAI,KACJ,MAAMD,QAAQ,MACd,SAAQ,YACR,UAAU;AAAA,IAAEE,MAAMV,QAAQW,SAAAA;AAAAA,IAAYC,IAAIR,UAAUO,SAAAA;AAAAA,EAAS,GAE5DJ,SAAAA,CACH;AAEJ;"}

package/dist/components/nav/DetailDrawer.css.d.ts

@@ -0,0 +1 @@
+export declare const flex: string;

package/dist/components/nav/DetailDrawer.css.js

@@ -0,0 +1,6 @@
+/* empty css                                */
+var flex = "_1ucptpx0";
+export {
+  flex
+};
+//# sourceMappingURL=DetailDrawer.css.js.map

package/dist/components/nav/DetailDrawer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailDrawer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/nav/DetailDrawer.d.ts

@@ -0,0 +1,22 @@
+import { To } from 'react-router-dom';
+import { UiSizeType } from '../../types/Core';
+/**
+ * @param title - drawer title
+ * @param position - drawer position
+ * @param renderContent - function used to render the drawer content
+ * @param urlPrefix - set an additional url segment, useful when multiple drawers are rendered on one page (e.g. "user/")
+ */
+export interface DrawerProps {
+    title: string;
+    position?: 'right' | 'left';
+    renderContent: (id?: string) => React.ReactNode;
+    urlPrefix?: string;
+    size?: UiSizeType;
+    closeOnEscape?: boolean;
+}
+export declare function DetailDrawerComponent({ title, position, size, closeOnEscape, renderContent }: Readonly<DrawerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DetailDrawer(props: Readonly<DrawerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DetailDrawerLink({ to, text }: Readonly<{
+    to: To;
+    text: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/nav/DetailDrawer.js

@@ -0,0 +1,66 @@
+import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.js";
+import { Link } from "../../node_modules/react-router-dom/dist/index.js";
+import { useShallow } from "../../node_modules/zustand/esm/react/shallow.js";
+import { useLocalLibState } from "../../states/LocalLibState.js";
+import { StylishText } from "../StylishText.js";
+import { flex } from "./DetailDrawer.css.js";
+import { Routes, Route, useNavigate, useParams } from "../../node_modules/react-router/dist/index.js";
+import IconChevronLeft from "../../node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js";
+const ActionIcon = window["MantineCore"].ActionIcon;
+const Divider = window["MantineCore"].Divider;
+const Drawer = window["MantineCore"].Drawer;
+const Group = window["MantineCore"].Group;
+const Stack = window["MantineCore"].Stack;
+const Text = window["MantineCore"].Text;
+const useCallback = window["React"].useCallback;
+const useMemo = window["React"].useMemo;
+function DetailDrawerComponent({
+  title,
+  position = "right",
+  size,
+  closeOnEscape = true,
+  renderContent
+}) {
+  const navigate = useNavigate();
+  const {
+    id
+  } = useParams();
+  const content = renderContent(id);
+  const opened = useMemo(() => !!id && !!content, [id, content]);
+  const [detailDrawerStack, addDetailDrawer] = useLocalLibState(useShallow((state) => [state.detailDrawerStack, state.addDetailDrawer]));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { opened, onClose: () => {
+    navigate("../");
+    addDetailDrawer(false);
+  }, position, closeOnEscape, size, classNames: {
+    root: flex,
+    body: flex
+  }, scrollAreaComponent: Stack, title: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { children: [
+    detailDrawerStack > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { variant: "outline", onClick: () => {
+      navigate(-1);
+      addDetailDrawer(-1);
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronLeft, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(StylishText, { size: "xl", children: title })
+  ] }), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "xs", className: flex, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
+    content
+  ] }) });
+}
+function DetailDrawer(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Routes, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: ":id?/", element: /* @__PURE__ */ jsxRuntimeExports.jsx(DetailDrawerComponent, { ...props }) }) });
+}
+function DetailDrawerLink({
+  to,
+  text
+}) {
+  const addDetailDrawer = useLocalLibState(useShallow((state) => state.addDetailDrawer));
+  const onNavigate = useCallback(() => {
+    addDetailDrawer(1);
+  }, [addDetailDrawer]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to, onClick: onNavigate, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { children: text }) });
+}
+export {
+  DetailDrawer,
+  DetailDrawerComponent,
+  DetailDrawerLink
+};
+//# sourceMappingURL=DetailDrawer.js.map

package/dist/components/nav/DetailDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailDrawer.js","sources":["../../../lib/components/nav/DetailDrawer.tsx"],"sourcesContent":["import { ActionIcon, Divider, Drawer, Group, Stack, Text } from '@mantine/core';\nimport { IconChevronLeft } from '@tabler/icons-react';\nimport { useCallback, useMemo } from 'react';\nimport { Link, Route, Routes, useNavigate, useParams } from 'react-router-dom';\nimport type { To } from 'react-router-dom';\n\nimport type { UiSizeType } from '../../types/Core';\n\nimport { useShallow } from 'zustand/react/shallow';\nimport { useLocalLibState } from '../../states/LocalLibState';\nimport { StylishText } from '../StylishText';\nimport * as classes from './DetailDrawer.css';\n\n/**\n * @param title - drawer title\n * @param position - drawer position\n * @param renderContent - function used to render the drawer content\n * @param urlPrefix - set an additional url segment, useful when multiple drawers are rendered on one page (e.g. \"user/\")\n */\nexport interface DrawerProps {\n  title: string;\n  position?: 'right' | 'left';\n  renderContent: (id?: string) => React.ReactNode;\n  urlPrefix?: string;\n  size?: UiSizeType;\n  closeOnEscape?: boolean;\n}\n\nexport function DetailDrawerComponent({\n  title,\n  position = 'right',\n  size,\n  closeOnEscape = true,\n  renderContent\n}: Readonly<DrawerProps>) {\n  const navigate = useNavigate();\n  const { id } = useParams();\n\n  const content = renderContent(id);\n  const opened = useMemo(() => !!id && !!content, [id, content]);\n\n  const [detailDrawerStack, addDetailDrawer] = useLocalLibState(\n    useShallow((state) => [state.detailDrawerStack, state.addDetailDrawer])\n  );\n\n  return (\n    <Drawer\n      opened={opened}\n      onClose={() => {\n        navigate('../');\n        addDetailDrawer(false);\n      }}\n      position={position}\n      closeOnEscape={closeOnEscape}\n      size={size}\n      classNames={{ root: classes.flex, body: classes.flex }}\n      scrollAreaComponent={Stack}\n      title={\n        <Group>\n          {detailDrawerStack > 0 && (\n            <ActionIcon\n              variant='outline'\n              onClick={() => {\n                navigate(-1);\n                addDetailDrawer(-1);\n              }}\n            >\n              <IconChevronLeft />\n            </ActionIcon>\n          )}\n          <StylishText size='xl'>{title}</StylishText>\n        </Group>\n      }\n    >\n      <Stack gap={'xs'} className={classes.flex}>\n        <Divider />\n        {content}\n      </Stack>\n    </Drawer>\n  );\n}\n\nexport function DetailDrawer(props: Readonly<DrawerProps>) {\n  return (\n    <Routes>\n      <Route path=':id?/' element={<DetailDrawerComponent {...props} />} />\n    </Routes>\n  );\n}\n\nexport function DetailDrawerLink({\n  to,\n  text\n}: Readonly<{ to: To; text: string }>) {\n  const addDetailDrawer = useLocalLibState(\n    useShallow((state) => state.addDetailDrawer)\n  );\n\n  const onNavigate = useCallback(() => {\n    addDetailDrawer(1);\n  }, [addDetailDrawer]);\n\n  return (\n    <Link to={to} onClick={onNavigate}>\n      <Text>{text}</Text>\n    </Link>\n  );\n}\n"],"names":["DetailDrawerComponent","title","position","size","closeOnEscape","renderContent","navigate","useNavigate","id","useParams","content","opened","useMemo","detailDrawerStack","addDetailDrawer","useLocalLibState","useShallow","state","jsx","root","classes","body","flex","Stack","jsxs","DetailDrawer","props","DetailDrawerLink","to","text","onNavigate","useCallback"],"mappings":";;;;;;;;AAAA,MAAA,aAAA,OAAA,aAAA,EAAA;;;;;;AAEA,MAAA,cAAA,OAAA,OAAA,EAAA;;AA0BO,SAASA,sBAAsB;AAAA,EACpCC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC;AACqB,GAAG;AACxB,QAAMC,WAAWC,YAAAA;AACjB,QAAM;AAAA,IAAEC;AAAAA,EAAAA,IAAOC,UAAAA;AAEf,QAAMC,UAAUL,cAAcG,EAAE;AAChC,QAAMG,SAASC,QAAQ,MAAM,CAAC,CAACJ,MAAM,CAAC,CAACE,SAAS,CAACF,IAAIE,OAAO,CAAC;AAE7D,QAAM,CAACG,mBAAmBC,eAAe,IAAIC,iBAC3CC,WAAYC,CAAAA,UAAU,CAACA,MAAMJ,mBAAmBI,MAAMH,eAAe,CAAC,CACxE;AAEA,SACEI,kCAAAA,IAAC,QAAA,EACC,QACA,SAAS,MAAM;AACbZ,aAAS,KAAK;AACdQ,oBAAgB,KAAK;AAAA,EACvB,GACA,UACA,eACA,MACA,YAAY;AAAA,IAAEK,MAAMC;AAAAA,IAAcC,MAAMD;AAAAA,EAAQE,GAChD,qBAAqBC,OACrB,8CACG,OAAA,EACEV,UAAAA;AAAAA,IAAAA,oBAAoB,KACnBK,sCAAC,YAAA,EACC,SAAQ,WACR,SAAS,MAAM;AACbZ,eAAS,EAAE;AACXQ,sBAAgB,EAAE;AAAA,IACpB,GAEA,UAAAI,kCAAAA,IAAC,iBAAA,CAAA,CAAe,EAAA,CAClB;AAAA,IAEFA,kCAAAA,IAAC,aAAA,EAAY,MAAK,MAAMjB,UAAAA,MAAAA,CAAM;AAAA,EAAA,GAChC,GAGF,UAAAuB,kCAAAA,KAAC,OAAA,EAAM,KAAK,MAAM,WAAWJ,MAC3B,UAAA;AAAA,IAAAF,kCAAAA,IAAC,SAAA,EAAO;AAAA,IACPR;AAAAA,EAAAA,EAAAA,CACH,EAAA,CACF;AAEJ;AAEO,SAASe,aAAaC,OAA8B;AACzD,SACER,kCAAAA,IAAC,QAAA,EACC,UAAAA,kCAAAA,IAAC,OAAA,EAAM,MAAK,SAAQ,SAASA,kCAAAA,IAAC,uBAAA,KAA0BQ,MAAAA,IAAU,GACpE;AAEJ;AAEO,SAASC,iBAAiB;AAAA,EAC/BC;AAAAA,EACAC;AACkC,GAAG;AACrC,QAAMf,kBAAkBC,iBACtBC,WAAYC,CAAAA,UAAUA,MAAMH,eAAe,CAC7C;AAEA,QAAMgB,aAAaC,YAAY,MAAM;AACnCjB,oBAAgB,CAAC;AAAA,EACnB,GAAG,CAACA,eAAe,CAAC;AAEpB,SACEI,kCAAAA,IAAC,QAAK,IAAQ,SAASY,YACrB,UAAAZ,kCAAAA,IAAC,MAAA,EAAMW,gBAAK,EAAA,CACd;AAEJ;"}

package/dist/enums/ApiEndpoints.d.ts

@@ -119,6 +119,7 @@ export declare enum ApiEndpoints {
     stock_merge = "stock/merge/",
     stock_assign = "stock/assign/",
     stock_status = "stock/status/",
+    stock_convert = "stock/:id/convert/",
     stock_install = "stock/:id/install/",
     stock_uninstall = "stock/:id/uninstall/",
     stock_serialize = "stock/:id/serialize/",

package/dist/enums/ApiEndpoints.js

@@ -119,6 +119,7 @@ var ApiEndpoints = /* @__PURE__ */ ((ApiEndpoints2) => {
   ApiEndpoints2["stock_merge"] = "stock/merge/";
   ApiEndpoints2["stock_assign"] = "stock/assign/";
   ApiEndpoints2["stock_status"] = "stock/status/";
+  ApiEndpoints2["stock_convert"] = "stock/:id/convert/";
   ApiEndpoints2["stock_install"] = "stock/:id/install/";
   ApiEndpoints2["stock_uninstall"] = "stock/:id/uninstall/";
   ApiEndpoints2["stock_serialize"] = "stock/:id/serialize/";