@dmsi/wedgekit-react 0.0.189 → 0.0.191

package/dist/{chunk-IDSFWKOR.js → chunk-PMBEIP24.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-MVGOAMTP.js";
+} from "./chunk-4T3DRGLF.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-GKYKZGS7.js → chunk-SDQPZQTI.js}

@@ -1,18 +1,18 @@
 import {
   Menu
-} from "./chunk-M4LOHASV.js";
+} from "./chunk-ESTHTAR5.js";
 import {
   useSubMenuSystem
 } from "./chunk-AEDQLVKH.js";
 import {
   MenuOption
-} from "./chunk-4BGVBVKV.js";
+} from "./chunk-OZKCUKBS.js";
+import {
+  Search
+} from "./chunk-PMBEIP24.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
-import {
-  Search
-} from "./chunk-IDSFWKOR.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-KADNOKNW.js → chunk-XH65MD2C.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-MVGOAMTP.js";
+} from "./chunk-4T3DRGLF.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/components/DataGridCell.js

@@ -4,17 +4,17 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-GKYKZGS7.js";
-import "../chunk-M4LOHASV.js";
+} from "../chunk-SDQPZQTI.js";
+import "../chunk-ESTHTAR5.js";
 import "../chunk-AEDQLVKH.js";
-import "../chunk-4BGVBVKV.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-6LN6QT6M.js";
-import "../chunk-IDSFWKOR.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+import "../chunk-OZKCUKBS.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
+import "../chunk-PMBEIP24.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-HVI3CL7Y.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/DateInput.js

@@ -1,21 +1,21 @@
+import {
+  calculateCursorPosition,
+  formatDate,
+  formatInputValue,
+  isValidDate,
+  parseInputDate
+} from "../chunk-M3433XEJ.js";
 import {
   findDocumentRoot
 } from "../chunk-6LN6QT6M.js";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
+} from "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";
 import {
   CalendarRange
 } from "../chunk-4XA32LKR.js";
-import {
-  calculateCursorPosition,
-  formatDate,
-  formatInputValue,
-  isValidDate,
-  parseInputDate
-} from "../chunk-M3433XEJ.js";
-import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/DateRangeInput.js

@@ -1,13 +1,3 @@
-import {
-  findDocumentRoot
-} from "../chunk-6LN6QT6M.js";
-import {
-  InputBase
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
-import {
-  CalendarRange
-} from "../chunk-4XA32LKR.js";
 import {
   calculateCursorPosition,
   formatDate,
@@ -16,7 +6,17 @@ import {
   isValidDateRangeOrder,
   parseInputDate
 } from "../chunk-M3433XEJ.js";
+import {
+  findDocumentRoot
+} from "../chunk-6LN6QT6M.js";
+import {
+  InputBase
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
+import {
+  CalendarRange
+} from "../chunk-4XA32LKR.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/FilterGroup.js

@@ -2,22 +2,22 @@
 import {
   OptionPill
 } from "../chunk-LM5MKBPM.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
 import {
   Search
-} from "../chunk-IDSFWKOR.js";
-import "../chunk-MVGOAMTP.js";
+} from "../chunk-PMBEIP24.js";
+import "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
-import "../chunk-FKMKHLQH.js";
-import "../chunk-5UH6QUFB.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Link
 } from "../chunk-I6GEUF6Y.js";
+import "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Input.js

@@ -6,9 +6,9 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Menu.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Menu
-} from "../chunk-M4LOHASV.js";
+} from "../chunk-ESTHTAR5.js";
 import "../chunk-AEDQLVKH.js";
-import "../chunk-6LN6QT6M.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Menu

package/dist/components/MenuOption.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-4BGVBVKV.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-OZKCUKBS.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-HVI3CL7Y.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/MobileDataGrid.js

@@ -4,15 +4,15 @@ import {
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Modal.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   Modal
-} from "../chunk-RYBHJC4G.js";
+} from "../chunk-F6YFWBVV.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-MJKBQSNI.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-6LN6QT6M.js";
 import "../chunk-FKMKHLQH.js";
-import "../chunk-WNQ53SVY.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/NestedMenu.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-4BGVBVKV.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-OZKCUKBS.js";
 import {
   useKeydown
 } from "../chunk-WNQ53SVY.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PDFViewer.cjs

@@ -1374,8 +1374,21 @@ function PDFViewer(props) {
       testid,
       open: isOpen,
       onClose: handleClose,
-      showButtons: !!customActions,
-      customActions,
+      showButtons: !!encodedPdfs.length,
+      customActions: !!encodedPdfs.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        PdfNavigation,
+        {
+          testid,
+          currentIndex,
+          total: encodedPdfs.length,
+          onPrev: handlePreviousFile,
+          onNext: handleNextFile,
+          disablePrev: currentIndex === 0,
+          disableNext: currentIndex === encodedPdfs.length - 1,
+          extraActions: customActions,
+          fileName: encodedPdfs[currentIndex].fileName
+        }
+      ),
       size: "large",
       fixedHeightScrolling: true,
       headerIconAlign: "right",
@@ -1390,46 +1403,7 @@ function PDFViewer(props) {
       className: "!max-w-fit",
       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { sizing: "layout", items: "center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }),
-        !!encodedPdfs[currentIndex].fileName && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Paragraph, { children: encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf` }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-          Stack,
-          {
-            horizontal: true,
-            overflowX: "auto",
-            justify: "center",
-            items: "center",
-            sizing: "layout-group",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                Button,
-                {
-                  iconOnly: true,
-                  variant: "tertiary",
-                  onClick: handlePreviousFile,
-                  leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "chevron_backward" }),
-                  disabled: currentIndex === 0,
-                  testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Heading3, { className: "text-text-primary-normal", children: [
-                currentIndex + 1,
-                " / ",
-                encodedPdfs.length
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                Button,
-                {
-                  iconOnly: true,
-                  variant: "tertiary",
-                  onClick: handleNextFile,
-                  rightIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "chevron_forward" }),
-                  disabled: currentIndex === encodedPdfs.length - 1,
-                  testid: testid ? `${testid}-pdf-file-next-button` : void 0
-                }
-              )
-            ]
-          }
-        )
+        !!encodedPdfs[currentIndex].fileName && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Paragraph, { children: encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf` })
       ] })
     }
   );
@@ -1546,6 +1520,61 @@ function PDFElement({ b64, testid }) {
     }
   );
 }
+function PdfNavigation({
+  currentIndex,
+  total,
+  onPrev,
+  onNext,
+  disablePrev,
+  disableNext,
+  extraActions,
+  testid,
+  fileName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    Stack,
+    {
+      horizontal: true,
+      items: "center",
+      justify: "between",
+      sizing: "layout-group",
+      testid: testid ? `${testid}-pdf-navigation` : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Stack, { horizontal: true, items: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            Button,
+            {
+              iconOnly: true,
+              variant: "tertiary",
+              onClick: onPrev,
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "chevron_backward" }),
+              disabled: disablePrev,
+              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
+            currentIndex + 1,
+            " / ",
+            total
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            Button,
+            {
+              iconOnly: true,
+              variant: "tertiary",
+              onClick: onNext,
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "chevron_forward" }),
+              disabled: disableNext,
+              testid: testid ? `${testid}-pdf-file-next-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
+        ] }),
+        extraActions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center gap-2", children: extraActions })
+      ]
+    }
+  ) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PDFViewer

package/dist/components/PDFViewer.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../chunk-RYBHJC4G.js";
+} from "../chunk-F6YFWBVV.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -13,20 +13,20 @@ import {
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import "../chunk-6LN6QT6M.js";
 import {
   Caption
 } from "../chunk-E7D24OHM.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
@@ -78,8 +78,21 @@ function PDFViewer(props) {
       testid,
       open: isOpen,
       onClose: handleClose,
-      showButtons: !!customActions,
-      customActions,
+      showButtons: !!encodedPdfs.length,
+      customActions: !!encodedPdfs.length && /* @__PURE__ */ jsx(
+        PdfNavigation,
+        {
+          testid,
+          currentIndex,
+          total: encodedPdfs.length,
+          onPrev: handlePreviousFile,
+          onNext: handleNextFile,
+          disablePrev: currentIndex === 0,
+          disableNext: currentIndex === encodedPdfs.length - 1,
+          extraActions: customActions,
+          fileName: encodedPdfs[currentIndex].fileName
+        }
+      ),
       size: "large",
       fixedHeightScrolling: true,
       headerIconAlign: "right",
@@ -94,46 +107,7 @@ function PDFViewer(props) {
       className: "!max-w-fit",
       children: /* @__PURE__ */ jsxs(Stack, { sizing: "layout", items: "center", children: [
         /* @__PURE__ */ jsx(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }),
-        !!encodedPdfs[currentIndex].fileName && /* @__PURE__ */ jsx(Paragraph, { children: encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf` }),
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            horizontal: true,
-            overflowX: "auto",
-            justify: "center",
-            items: "center",
-            sizing: "layout-group",
-            children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  iconOnly: true,
-                  variant: "tertiary",
-                  onClick: handlePreviousFile,
-                  leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_backward" }),
-                  disabled: currentIndex === 0,
-                  testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-                }
-              ),
-              /* @__PURE__ */ jsxs(Heading3, { className: "text-text-primary-normal", children: [
-                currentIndex + 1,
-                " / ",
-                encodedPdfs.length
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  iconOnly: true,
-                  variant: "tertiary",
-                  onClick: handleNextFile,
-                  rightIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_forward" }),
-                  disabled: currentIndex === encodedPdfs.length - 1,
-                  testid: testid ? `${testid}-pdf-file-next-button` : void 0
-                }
-              )
-            ]
-          }
-        )
+        !!encodedPdfs[currentIndex].fileName && /* @__PURE__ */ jsx(Paragraph, { children: encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf` })
       ] })
     }
   );
@@ -250,6 +224,61 @@ function PDFElement({ b64, testid }) {
     }
   );
 }
+function PdfNavigation({
+  currentIndex,
+  total,
+  onPrev,
+  onNext,
+  disablePrev,
+  disableNext,
+  extraActions,
+  testid,
+  fileName
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      horizontal: true,
+      items: "center",
+      justify: "between",
+      sizing: "layout-group",
+      testid: testid ? `${testid}-pdf-navigation` : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(Stack, { horizontal: true, items: "center", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              iconOnly: true,
+              variant: "tertiary",
+              onClick: onPrev,
+              leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_backward" }),
+              disabled: disablePrev,
+              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ jsxs(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
+            currentIndex + 1,
+            " / ",
+            total
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              iconOnly: true,
+              variant: "tertiary",
+              onClick: onNext,
+              rightIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_forward" }),
+              disabled: disableNext,
+              testid: testid ? `${testid}-pdf-file-next-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ jsx(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
+        ] }),
+        extraActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: extraActions })
+      ]
+    }
+  ) });
+}
 export {
   PDFViewer
 };

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-IDSFWKOR.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-PMBEIP24.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-KADNOKNW.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-XH65MD2C.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Stepper.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
+} from "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
-import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Time.js

@@ -3,9 +3,9 @@ import {
 } from "../chunk-6LN6QT6M.js";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";

package/dist/components/Toast.js

@@ -2,12 +2,12 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Upload.js

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/index.js

@@ -3,41 +3,38 @@ import {
 } from "../chunk-3WNXMCZV.js";
 import {
   Select
-} from "../chunk-KADNOKNW.js";
+} from "../chunk-XH65MD2C.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-GKYKZGS7.js";
+} from "../chunk-SDQPZQTI.js";
 import {
   Menu
-} from "../chunk-M4LOHASV.js";
+} from "../chunk-ESTHTAR5.js";
 import "../chunk-AEDQLVKH.js";
 import {
   MenuOption
-} from "../chunk-4BGVBVKV.js";
-import "../chunk-WVUIIBRR.js";
+} from "../chunk-OZKCUKBS.js";
+import {
+  useInfiniteScroll
+} from "../chunk-WNQ53SVY.js";
 import "../chunk-6LN6QT6M.js";
 import {
   Search
-} from "../chunk-IDSFWKOR.js";
+} from "../chunk-PMBEIP24.js";
 import {
   Input
-} from "../chunk-MVGOAMTP.js";
+} from "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
-import {
-  useInfiniteScroll
-} from "../chunk-WNQ53SVY.js";
-import "../chunk-5UH6QUFB.js";
+import "../chunk-WVUIIBRR.js";
 import {
   Subheader
 } from "../chunk-CYZL57LH.js";
@@ -51,6 +48,9 @@ import {
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.189",
+  "version": "0.0.191",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/PDFViewer.tsx

@@ -67,8 +67,22 @@ export function PDFViewer(props: PDFViewerProps) {
       testid={testid}
       open={isOpen}
       onClose={handleClose}
-      showButtons={!!customActions}
-      customActions={customActions}
+      showButtons={!!encodedPdfs.length}
+      customActions={
+        !!encodedPdfs.length && (
+          <PdfNavigation
+            testid={testid}
+            currentIndex={currentIndex}
+            total={encodedPdfs.length}
+            onPrev={handlePreviousFile}
+            onNext={handleNextFile}
+            disablePrev={currentIndex === 0}
+            disableNext={currentIndex === encodedPdfs.length - 1}
+            extraActions={customActions}
+            fileName={encodedPdfs[currentIndex].fileName}
+          />
+        )
+      }
       size="large"
       fixedHeightScrolling
       headerIconAlign="right"
@@ -90,58 +104,6 @@ export function PDFViewer(props: PDFViewerProps) {
               : `${encodedPdfs[currentIndex].fileName}.pdf`}
           </Paragraph>
         )}
-        <Stack
-          horizontal
-          overflowX="auto"
-          justify="center"
-          items="center"
-          sizing="layout-group"
-        >
-          <Button
-            iconOnly
-            variant="tertiary"
-            onClick={handlePreviousFile}
-            leftIcon={<Icon name="chevron_backward" />}
-            disabled={currentIndex === 0}
-            testid={testid ? `${testid}-pdf-file-previous-button` : undefined}
-          />
-          <Heading3 className="text-text-primary-normal">
-            {currentIndex + 1} / {encodedPdfs.length}
-          </Heading3>
-          <Button
-            iconOnly
-            variant="tertiary"
-            onClick={handleNextFile}
-            rightIcon={<Icon name="chevron_forward" />}
-            disabled={currentIndex === encodedPdfs.length - 1}
-            testid={testid ? `${testid}-pdf-file-next-button` : undefined}
-          />
-          {/* {encodedPdfs.map((pdf, index) => (
-            <Button
-              testid={testid ? `${testid}-${pdf.fileName}-button` : undefined}
-              variant={index === currentIndex ? "primary" : "secondary"}
-              key={`${pdf.fileName}-${index}`}
-              classNameLabel="items-center flex flex-row gap-2"
-              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
-                setCurrentIndex(index);
-
-                requestAnimationFrame(() => {
-                  const button = e.target as HTMLButtonElement;
-
-                  button.scrollIntoView({
-                    behavior: "smooth",
-                    block: "nearest",
-                    inline: "center",
-                  });
-                });
-              }}
-              disabled={isDownloading || currentIndex === index || !pdf.base64}
-            >
-              {!pdf.base64 && <Spinner />}
-              {pdf.fileName}
-            </Button>
-          ))} */}
-        </Stack>
       </Stack>
     </Modal>
   );
@@ -263,3 +225,65 @@ function PDFElement({ b64, testid }: { b64: string; testid?: string }) {
     </div>
   );
 }
+
+function PdfNavigation({
+  currentIndex,
+  total,
+  onPrev,
+  onNext,
+  disablePrev,
+  disableNext,
+  extraActions,
+  testid,
+  fileName,
+}: {
+  currentIndex: number;
+  total: number;
+  onPrev: () => void;
+  onNext: () => void;
+  disablePrev: boolean;
+  disableNext: boolean;
+  extraActions?: React.ReactNode;
+  testid?: string;
+  fileName?: string;
+}) {
+  return (
+    <div className="w-full">
+      <Stack
+        horizontal
+        items="center"
+        justify="between"
+        sizing="layout-group"
+        testid={testid ? `${testid}-pdf-navigation` : undefined}
+      >
+        <Stack horizontal items="center">
+          <Button
+            iconOnly
+            variant="tertiary"
+            onClick={onPrev}
+            leftIcon={<Icon name="chevron_backward" />}
+            disabled={disablePrev}
+            testid={testid ? `${testid}-pdf-file-previous-button` : undefined}
+          />
+          <Heading3 className="text-text-primary-normal whitespace-nowrap">
+            {currentIndex + 1} / {total}
+          </Heading3>
+          <Button
+            iconOnly
+            variant="tertiary"
+            onClick={onNext}
+            rightIcon={<Icon name="chevron_forward" />}
+            disabled={disableNext}
+            testid={testid ? `${testid}-pdf-file-next-button` : undefined}
+          />
+          <Paragraph>
+            {fileName?.endsWith(".pdf") ? fileName : `${fileName}.pdf`}
+          </Paragraph>
+        </Stack>
+        {extraActions && (
+          <div className="flex items-center gap-2">{extraActions}</div>
+        )}
+      </Stack>
+    </div>
+  );
+}

package/dist/{chunk-MVGOAMTP.js → chunk-4T3DRGLF.js}

@@ -1,11 +1,11 @@
-import {
-  Label
-} from "./chunk-JWCT72WR.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
+import {
+  Label
+} from "./chunk-JWCT72WR.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-M4LOHASV.js → chunk-ESTHTAR5.js}

@@ -1,12 +1,12 @@
 import {
   useMenuPosition
 } from "./chunk-AEDQLVKH.js";
-import {
-  findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
 import {
   useMatchesMobile
 } from "./chunk-WNQ53SVY.js";
+import {
+  findDocumentRoot
+} from "./chunk-6LN6QT6M.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-RYBHJC4G.js → chunk-F6YFWBVV.js}

@@ -13,12 +13,12 @@ import {
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";
-import {
-  findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
 import {
   useMatchesMobile
 } from "./chunk-WNQ53SVY.js";
+import {
+  findDocumentRoot
+} from "./chunk-6LN6QT6M.js";
 
 // src/components/Modal.tsx
 import clsx from "clsx";

package/dist/{chunk-4BGVBVKV.js → chunk-OZKCUKBS.js}

@@ -1,9 +1,9 @@
-import {
-  Label
-} from "./chunk-JWCT72WR.js";
 import {
   useMatchesMobile
 } from "./chunk-WNQ53SVY.js";
+import {
+  Label
+} from "./chunk-JWCT72WR.js";
 import {
   Paragraph
 } from "./chunk-HVI3CL7Y.js";