@dmsi/wedgekit-react 0.0.922 → 0.0.987

package/dist/{chunk-LFBTRFTS.js → chunk-2UNLVJU5.js}

@@ -1,18 +1,18 @@
 import {
   ModalContent
-} from "./chunk-VABOQRYA.js";
+} from "./chunk-POZD6R3P.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-N36EJLRW.js";
+} from "./chunk-JZZ4LF6B.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Stack
 } from "./chunk-BGBIXG5Y.js";
@@ -60,7 +60,7 @@ function RowDetailModalProvider() {
                 iconOnly: true,
                 variant: "tertiary",
                 onClick: closeRowDetail,
-                leftIcon: /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 24 }) })
+                leftIcon: /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 24 }) })
               }
             )
           ]

package/dist/{chunk-PXIW3XJX.js → chunk-34J6RA4C.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HXGJVYGQ.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-NGXKXYB5.js → chunk-6FZNEFN3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MXSJF6TW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Stack
 } from "./chunk-BGBIXG5Y.js";

package/dist/{chunk-Z7XANQ47.js → chunk-6M2N7DVS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HT57FLRW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -13,7 +13,8 @@ import { jsx } from "react/jsx-runtime";
 function DownloadIcon({
   onClick,
   isDownloading,
-  testid
+  testid,
+  colorClassName
 }) {
   return /* @__PURE__ */ jsx(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ jsx(
     Button,
@@ -21,6 +22,7 @@ function DownloadIcon({
       testid,
       iconOnly: true,
       variant: "tertiary",
+      colorClassName,
       leftIcon: /* @__PURE__ */ jsx(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }

package/dist/{chunk-RAJY6INK.js → chunk-BBU7JOY2.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-UUKHQUSF.js → chunk-F6QO73TV.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-BRCBTEQ2.js → chunk-FGXTI3WE.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-EJVCDJ7U.js → chunk-HDFO56DN.js}

@@ -1,6 +1,6 @@
 import {
   MobileDataGridCard
-} from "./chunk-27DJTEAB.js";
+} from "./chunk-MB6IRHTN.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";

package/dist/{chunk-XWYDWH4W.js → chunk-HTICQWRA.js}

@@ -1,6 +1,6 @@
 import {
   formatDate
-} from "./chunk-F7F5BKW5.js";
+} from "./chunk-TBZ243DS.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-N36EJLRW.js → chunk-JZZ4LF6B.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-UUKHQUSF.js";
+} from "./chunk-F6QO73TV.js";
 import {
   ModalContent
 } from "./chunk-WVVEOCEH.js";
 import {
   ModalHeader
-} from "./chunk-2EAVEFWY.js";
+} from "./chunk-WHWZ5VVQ.js";
 import {
   ModalScrim
 } from "./chunk-E7LGUC2B.js";

package/dist/{chunk-27DJTEAB.js → chunk-MB6IRHTN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   MobileDataGridColumn
-} from "./chunk-XWYDWH4W.js";
+} from "./chunk-HTICQWRA.js";
 import {
   Checkbox
 } from "./chunk-M7WHWZ2J.js";

package/dist/{chunk-ZACRFGND.js → chunk-NBTWFTSF.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-WVGXD7HT.js";
 
 // src/components/EmblaCarousel/index.tsx
-import { useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
+import React, { useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import Autoplay from "embla-carousel-autoplay";
 
@@ -20,7 +20,7 @@ var useSelectedSnapDisplay = (emblaApi) => {
   const [selectedSnap, setSelectedSnap] = useState(0);
   const [snapCount, setSnapCount] = useState(0);
   const updateScrollSnapState = useCallback((emblaApi2) => {
-    setSnapCount(emblaApi2.slideNodes().length);
+    setSnapCount(emblaApi2.snapList().length);
     setSelectedSnap(emblaApi2.selectedSnap());
   }, []);
   useEffect(() => {
@@ -82,6 +82,26 @@ var EmblaCarousel = ({
     options,
     autoplay ? [autoplayPlugin] : []
   );
+  const emblaRootRef = useRef(null);
+  const [emblaHeight, setEmblaHeight] = React.useState(
+    void 0
+  );
+  useEffect3(() => {
+    if (!emblaApi || !leftRightChevrons) return;
+    const updateHeight = () => {
+      const selectedIndex = emblaApi.selectedSnap();
+      const slide = emblaApi.slideNodes()[selectedIndex];
+      if (slide && emblaRootRef.current) {
+        setEmblaHeight(slide.offsetHeight);
+      }
+    };
+    updateHeight();
+    emblaApi.on("select", updateHeight).on("reinit", updateHeight);
+    return () => {
+      emblaApi.off("select", updateHeight);
+      emblaApi.off("reinit", updateHeight);
+    };
+  }, [emblaApi, leftRightChevrons]);
   useEffect3(() => {
     var _a, _b;
     if (!emblaApi || !autoplay) return;
@@ -155,72 +175,81 @@ var EmblaCarousel = ({
     onNextButtonClick();
     (_b = (_a = emblaApi == null ? void 0 : emblaApi.plugins()) == null ? void 0 : _a.autoplay) == null ? void 0 : _b.reset();
   };
-  return /* @__PURE__ */ jsxs("section", { className: "w-full m-auto grid gap-4 relative", "data-testid": testid, children: [
-    /* @__PURE__ */ jsx("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          "embla__container flex touch-pan-y touch-pinch-zoom",
-          !leftRightChevrons && "pb-3"
-        ),
-        children
-      }
-    ) }),
-    !leftRightChevrons ? /* @__PURE__ */ jsxs("div", { className: "justify-between hidden desktop:flex", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          PrevButton,
-          {
-            circleChevron: true,
-            onClick: handlePrev,
-            disabled: prevBtnDisabled
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          NextButton,
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "w-full m-auto grid gap-4 relative",
+      "data-testid": testid,
+      ref: leftRightChevrons ? emblaRootRef : void 0,
+      style: leftRightChevrons && emblaHeight ? { height: emblaHeight, transition: "height 0.3s ease" } : void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ jsx(
+          "div",
           {
-            circleChevron: true,
-            onClick: handleNext,
-            disabled: nextBtnDisabled
+            className: clsx(
+              "embla__container flex touch-pan-y touch-pinch-zoom",
+              !leftRightChevrons && "desktop:pb-3 gap-2"
+            ),
+            children
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        SelectedSnapDisplay,
-        {
-          selectedSnap,
-          snapCount
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        PrevButton,
-        {
-          className: "absolute top-1/2 -translate-y-1/2 left-0 border-transparent! size-10! desktop:size-12!",
-          iconClassName: clsx(
-            "size-6! desktop:size-8!",
-            chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
-            !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
-          ),
-          onClick: handlePrev,
-          disabled: prevBtnDisabled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        NextButton,
-        {
-          className: "absolute top-1/2 -translate-y-1/2 right-0 border-transparent! size-10! desktop:size-12!",
-          iconClassName: clsx(
-            "size-6! desktop:size-8!",
-            chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
-            !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
+        ) }),
+        !leftRightChevrons ? /* @__PURE__ */ jsxs("div", { className: "justify-between hidden desktop:flex", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              PrevButton,
+              {
+                circleChevron: true,
+                onClick: handlePrev,
+                disabled: prevBtnDisabled
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              NextButton,
+              {
+                circleChevron: true,
+                onClick: handleNext,
+                disabled: nextBtnDisabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            SelectedSnapDisplay,
+            {
+              selectedSnap,
+              snapCount
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            PrevButton,
+            {
+              className: "absolute top-1/2 -translate-y-1/2 left-0 border-transparent! size-10! desktop:size-12!",
+              iconClassName: clsx(
+                "size-6! desktop:size-8!",
+                chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
+                !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
+              ),
+              onClick: handlePrev,
+              disabled: prevBtnDisabled
+            }
           ),
-          onClick: handleNext,
-          disabled: nextBtnDisabled
-        }
-      )
-    ] })
-  ] });
+          /* @__PURE__ */ jsx(
+            NextButton,
+            {
+              className: "absolute top-1/2 -translate-y-1/2 right-0 border-transparent! size-10! desktop:size-12!",
+              iconClassName: clsx(
+                "size-6! desktop:size-8!",
+                chevronThemeColor && "text-text-link-normal group-hover:text-text-link-hover group-active:text-text-link-active",
+                !chevronThemeColor && "text-white group-hover:text-text-link-normal group-active:text-text-link-active"
+              ),
+              onClick: handleNext,
+              disabled: nextBtnDisabled
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 var EmblaCarousel_default = EmblaCarousel;
 

package/dist/{chunk-FAW3WWOQ.js → chunk-OC5AXLJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MXSJF6TW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Stack
 } from "./chunk-BGBIXG5Y.js";

package/dist/{chunk-VABOQRYA.js → chunk-POZD6R3P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   MobileDataGridColumn
-} from "./chunk-XWYDWH4W.js";
+} from "./chunk-HTICQWRA.js";
 import {
   Stack
 } from "./chunk-BGBIXG5Y.js";

package/dist/{chunk-YYRFXTO7.js → chunk-RLJU65SD.js}

@@ -1,13 +1,13 @@
 import {
   RowDetailModalProvider
-} from "./chunk-LFBTRFTS.js";
+} from "./chunk-2UNLVJU5.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
 import {
   ColumnList,
   no_results_image_default
-} from "./chunk-EJVCDJ7U.js";
+} from "./chunk-HDFO56DN.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
@@ -48,7 +48,7 @@ import {
 import {
   useInfiniteScroll,
   useTableLayout
-} from "./chunk-WOWPMA26.js";
+} from "./chunk-ZRFXUER3.js";
 import {
   useMatchesMobile
 } from "./chunk-WVGXD7HT.js";
@@ -59,7 +59,7 @@ import {
   calculateCursorPosition,
   formatDate,
   isValidDate
-} from "./chunk-F7F5BKW5.js";
+} from "./chunk-TBZ243DS.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";
@@ -71,7 +71,7 @@ import {
 } from "./chunk-MXSJF6TW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Stack
 } from "./chunk-BGBIXG5Y.js";
@@ -733,7 +733,8 @@ function DataGrid({
   const {
     columns: tableColumns,
     setColumns: setTableColumns,
-    getSavedLayout
+    getSavedLayout,
+    resetToDefaults
   } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = useState3(
     tableColumns.map((c) => c.id)
@@ -761,21 +762,8 @@ function DataGrid({
     [tableColumns]
   );
   const resetDefaultColumnVisibility = useCallback(() => {
-    setTableColumns((prev) => {
-      columns.forEach((column) => {
-        var _a2, _b2;
-        const columnId = column.id;
-        const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
-        const persistedIndex = prev.findIndex((col) => col.id === columnId);
-        if (persistedIndex !== -1) {
-          prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
-            visible: isVisible
-          });
-        }
-      });
-      return [...prev];
-    }, true);
-  }, [columns, setTableColumns]);
+    resetToDefaults();
+  }, [resetToDefaults]);
   useEffect(() => {
     updateColumnVisibility(true);
   }, [updateColumnVisibility]);
@@ -811,14 +799,18 @@ function DataGrid({
   const toggleColumnVisibility = useCallback(
     (columnId, isVisible) => {
       setTableColumns((prev) => {
-        const persistedIndex = prev.findIndex((col) => col.id === columnId);
-        if (persistedIndex !== -1) {
-          prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
-            visible: isVisible
-          });
-        }
-        return [...prev];
-      }, true);
+        const newColumns = prev.map((col) => {
+          if (col.id === columnId) {
+            return __spreadProps(__spreadValues({}, col), {
+              meta: __spreadProps(__spreadValues({}, col.meta), {
+                visible: isVisible
+              })
+            });
+          }
+          return col;
+        });
+        return newColumns;
+      });
     },
     [setTableColumns]
   );

package/dist/{chunk-F7F5BKW5.js → chunk-TBZ243DS.js}

@@ -152,7 +152,7 @@ function mergeObjectArrays(arr1, arr2) {
 }
 
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
 export {
   parseInputDate,

package/dist/{chunk-2EAVEFWY.js → chunk-WHWZ5VVQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MXSJF6TW.js";
 import {
   Button
-} from "./chunk-BMAZBFUU.js";
+} from "./chunk-ZMTHWJ7F.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -34,7 +34,8 @@ var ModalHeader = ({
       id,
       "data-testid": testid,
       className: clsx(
-        "flex justify-between items-center",
+        "flex items-center",
+        headerIconAlign === void 0 && "justify-between",
         headerIconAlign === "center" && "justify-center",
         headerIconAlign === "right" && "justify-end",
         headerIconAlign === "left" && "justify-start",

package/dist/{chunk-FSXKJXPN.js → chunk-Y7RCYDF6.js}

@@ -25,6 +25,7 @@ var Link = (_a) => {
     underline = false,
     testid,
     active,
+    block = false,
     addOverflow
   } = _b, props = __objRest(_b, [
     "as",
@@ -38,6 +39,7 @@ var Link = (_a) => {
     "underline",
     "testid",
     "active",
+    "block",
     "addOverflow"
   ]);
   const Component = as;
@@ -67,7 +69,10 @@ var Link = (_a) => {
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
         !disabled && "active:decoration-decoration-underline",
-        "flex flex-col items-center justify-center",
+        "flex flex-col justify-center",
+        align === "left" && "items-start",
+        align === "center" && "items-center",
+        align === "right" && "items-end",
         baseTransition,
         primaryStateStyles,
         secondaryStateStyles,
@@ -83,7 +88,8 @@ var Link = (_a) => {
         align === "right" && "text-right",
         paddingY,
         addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
-        className
+        className,
+        block ? "w-full" : "w-fit"
       )
     }, props), {
       style: __spreadProps(__spreadValues({}, props.style), {

package/dist/{chunk-BMAZBFUU.js → chunk-ZMTHWJ7F.js}

@@ -34,7 +34,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -50,7 +51,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && clsx(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -77,6 +79,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && clsx(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && clsx(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -120,6 +131,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -130,6 +142,7 @@ var Button = (_a) => {
   const labelClasses = clsx(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );