@dmsi/wedgekit-react 0.0.922 → 0.0.987

package/dist/hooks/index.js

@@ -3,13 +3,13 @@ import {
   useInfiniteScroll,
   useKeydown,
   useTableLayout
-} from "../chunk-WOWPMA26.js";
+} from "../chunk-ZRFXUER3.js";
 import {
   useMatchesMedia,
   useMatchesMobile
 } from "../chunk-WVGXD7HT.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-F7F5BKW5.js";
+import "../chunk-TBZ243DS.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/index.css

@@ -2122,9 +2122,6 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .pb-3 {
-    padding-bottom: calc(var(--spacing) * 3);
-  }
   .pb-mobile-component-padding {
     padding-bottom: var(--spacing-mobile-component-padding);
   }
@@ -2287,6 +2284,10 @@
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
+  .font-normal\! {
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
   .font-semibold {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
@@ -3155,6 +3156,13 @@
       }
     }
   }
+  .hover\:border-border-primary-normal {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-primary-normal);
+      }
+    }
+  }
   .hover\:\!bg-background-action-primary-normal {
     &:hover {
       @media (hover: hover) {
@@ -3218,6 +3226,13 @@
       }
     }
   }
+  .hover\:bg-transparent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: transparent;
+      }
+    }
+  }
   .hover\:\!text-brand-text-on-action-primary-hover {
     &:hover {
       @media (hover: hover) {
@@ -3295,6 +3310,13 @@
       }
     }
   }
+  .hover\:text-text-primary-normal {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-primary-normal);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -3339,6 +3361,11 @@
       border-color: var(--color-border-action-hover);
     }
   }
+  .focus\:border-border-primary-normal {
+    &:focus {
+      border-color: var(--color-border-primary-normal);
+    }
+  }
   .focus\:bg-background-action-critical-primary-hover {
     &:focus {
       background-color: var(--color-background-action-critical-primary-hover);
@@ -3364,6 +3391,11 @@
       background-color: var(--color-background-grouped-secondary-normal);
     }
   }
+  .focus\:bg-transparent {
+    &:focus {
+      background-color: transparent;
+    }
+  }
   .focus\:text-text-action-critical-hover {
     &:focus {
       color: var(--color-text-action-critical-hover);
@@ -3374,6 +3406,11 @@
       color: var(--color-text-action-primary-hover);
     }
   }
+  .focus\:text-text-primary-normal {
+    &:focus {
+      color: var(--color-text-primary-normal);
+    }
+  }
   .focus\:outline-0 {
     &:focus {
       outline-style: var(--tw-outline-style);
@@ -3509,6 +3546,11 @@
       background-color: var(--color-background-action-secondary-active);
     }
   }
+  .active\:bg-transparent {
+    &:active {
+      background-color: transparent;
+    }
+  }
   .active\:\!text-brand-text-on-action-primary-active {
     &:active {
       color: var(--color-brand-text-on-action-primary-active) !important;
@@ -3559,6 +3601,11 @@
       color: var(--color-text-link-active);
     }
   }
+  .active\:text-text-primary-active {
+    &:active {
+      color: var(--color-text-primary-active);
+    }
+  }
   .active\:text-white {
     &:active {
       color: var(--color-white);
@@ -4577,6 +4624,11 @@
       padding-right: var(--spacing-desktop-layout-padding);
     }
   }
+  .desktop\:pb-3 {
+    @container root (width >= 48rem) {
+      padding-bottom: calc(var(--spacing) * 3);
+    }
+  }
   .desktop\:pb-desktop-component-padding {
     @container root (width >= 48rem) {
       padding-bottom: var(--spacing-desktop-component-padding);

package/dist/utils/index.cjs

@@ -240,7 +240,7 @@ function mergeObjectArrays(arr1, arr2) {
 }
 
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LocalStoragePrefixVersion,

package/dist/utils/index.js

@@ -14,7 +14,7 @@ import {
   mergeObjectArrays,
   parseDateParts,
   parseInputDate
-} from "../chunk-F7F5BKW5.js";
+} from "../chunk-TBZ243DS.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,

package/package.json

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

package/dist/chunk-WOWPMA26.js

@@ -1,170 +0,0 @@
-import {
-  LocalStoragePrefixVersion,
-  mergeObjectArrays
-} from "./chunk-F7F5BKW5.js";
-
-// src/hooks/useKeydown.ts
-import { useEffect } from "react";
-function useKeydown(keys, isActive) {
-  function handleKeyDown(event) {
-    if (!Object.keys(keys).includes(event.key) && !Object.keys(keys).join("").includes("/"))
-      return;
-    Object.entries(keys).forEach(([key, handler]) => {
-      if (event.key !== key && !key.includes("/")) return;
-      if (key.includes("/") && key.replace("Space", " ").split("/").includes(event.key)) {
-        event.preventDefault();
-        handler(event);
-        return;
-      }
-      if (event.key === key) {
-        event.preventDefault();
-        handler(event);
-      }
-    });
-  }
-  useEffect(() => {
-    if (!isActive)
-      return document.removeEventListener("keydown", handleKeyDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [keys, isActive]);
-}
-
-// src/hooks/useInfiniteScroll.tsx
-import { useEffect as useEffect2 } from "react";
-function useInfiniteScroll({
-  containerRef,
-  onLoadMore,
-  isLoading,
-  offset = 50,
-  enabled = true
-  // ✅ Add this
-}) {
-  useEffect2(() => {
-    if (!enabled) return;
-    const handleScroll = () => {
-      const el2 = containerRef.current;
-      if (!el2 || isLoading) return;
-      const { scrollTop, scrollHeight, clientHeight } = el2;
-      const isNearBottom = scrollTop + clientHeight >= scrollHeight - offset;
-      if (isNearBottom) {
-        onLoadMore();
-      }
-    };
-    const el = containerRef.current;
-    if (el) el.addEventListener("scroll", handleScroll);
-    return () => {
-      if (el) el.removeEventListener("scroll", handleScroll);
-    };
-  }, [containerRef, onLoadMore, isLoading, offset, enabled]);
-}
-
-// src/hooks/useTableLayout.ts
-import {
-  useState,
-  useEffect as useEffect3,
-  useCallback,
-  useRef
-} from "react";
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
-var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
-function useTableLayout(initialColumns, key, autosync = true) {
-  const [columns, setColumns] = useState(initialColumns);
-  const [isReady, setIsReady] = useState(false);
-  const isReadyRef = useRef(false);
-  const keyRef = useRef(key);
-  useEffect3(() => {
-    isReadyRef.current = isReady;
-    keyRef.current = key;
-  }, [isReady, key]);
-  const handleSaveLayout = useCallback(
-    (setter, _internal) => {
-      if (!isReadyRef.current && !_internal || !keyRef.current) return;
-      setColumns((prevColumns) => {
-        const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
-        if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal) {
-          return prevColumns;
-        }
-        localStorage.setItem(
-          getLocalStorageKeyWithPrefix(`${keyRef.current}-tableLayout`),
-          JSON.stringify(newColumns)
-        );
-        return newColumns;
-      });
-    },
-    []
-  );
-  useEffect3(() => {
-    if (!autosync) return;
-    if (!key) {
-      setIsReady(true);
-      return;
-    }
-    const savedLayout = localStorage.getItem(
-      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
-    );
-    if (savedLayout) {
-      setColumns(
-        mergeObjectArrays(
-          initialColumns,
-          JSON.parse(savedLayout)
-        )
-      );
-    } else {
-      localStorage.setItem(
-        getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
-        JSON.stringify(initialColumns)
-      );
-      setColumns((prev) => {
-        if (JSON.stringify(initialColumns) === JSON.stringify(prev))
-          return prev;
-        return initialColumns;
-      });
-    }
-    setIsReady(true);
-  }, [initialColumns, key, autosync]);
-  const getSavedLayout = useCallback(() => {
-    const savedLayout = localStorage.getItem(
-      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
-    );
-    if (savedLayout) {
-      return JSON.parse(savedLayout);
-    }
-  }, [key]);
-  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
-}
-
-// src/hooks/useEditCell.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
-function useEditCell(initialValue) {
-  const [value, setValue] = useState2(initialValue);
-  const [isEdit, setIsEdit] = useState2(false);
-  const inputRef = useRef2(null);
-  function changeToEditMode() {
-    setIsEdit(true);
-    requestAnimationFrame(() => {
-      var _a;
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    });
-  }
-  function changeToViewMode() {
-    setIsEdit(false);
-  }
-  return {
-    value,
-    setValue,
-    isEdit,
-    inputRef,
-    changeToEditMode,
-    changeToViewMode
-  };
-}
-
-export {
-  useKeydown,
-  useInfiniteScroll,
-  useTableLayout,
-  useEditCell
-};