@dmsi/wedgekit-react 0.0.842 → 0.0.844

package/dist/components/Tooltip.cjs

@@ -35,7 +35,7 @@ __export(Tooltip_exports, {
 });
 module.exports = __toCommonJS(Tooltip_exports);
 var import_clsx2 = __toESM(require("clsx"), 1);
-var import_react = require("react");
+var import_react6 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/classNames.ts
@@ -178,6 +178,37 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
   "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
 );
 
+// src/hooks/useKeydown.ts
+var import_react = require("react");
+
+// src/hooks/useInfiniteScroll.tsx
+var import_react2 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react3 = require("react");
+var useMatchesMedia = (query) => {
+  const [matches, setMatches] = (0, import_react3.useState)();
+  (0, import_react3.useLayoutEffect)(() => {
+    const mediaQueryList = window.matchMedia(query);
+    const listener = () => setMatches(mediaQueryList.matches);
+    listener();
+    mediaQueryList.addEventListener("change", listener);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+};
+var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
+
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.3`;
+
+// src/hooks/useTableLayout.ts
+var import_react4 = require("react");
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+
+// src/hooks/useEditCell.tsx
+var import_react5 = require("react");
+
 // src/components/Tooltip.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = ({
@@ -190,11 +221,11 @@ var Tooltip = ({
   offset = 8,
   keepHidden = false
 }) => {
-  const ref = (0, import_react.useRef)(null);
-  const tooltipRef = (0, import_react.useRef)(null);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react.useState)({ top: 0, left: 0 });
-  const [isVisible, setIsVisible] = (0, import_react.useState)(false);
-  const [removeOpacity, setRemoveOpacity] = (0, import_react.useState)(false);
+  const ref = (0, import_react6.useRef)(null);
+  const tooltipRef = (0, import_react6.useRef)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react6.useState)({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
+  const [removeOpacity, setRemoveOpacity] = (0, import_react6.useState)(false);
   const updatePosition = () => {
     if (!ref.current || !tooltipRef.current) return;
     const rect = ref.current.getBoundingClientRect();
@@ -233,19 +264,20 @@ var Tooltip = ({
     setIsVisible(false);
     setRemoveOpacity(false);
   };
-  (0, import_react.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (isVisible && tooltipRef.current) {
       requestAnimationFrame(() => {
         updatePosition();
       });
     }
   }, [isVisible]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (isVisible) {
       window.addEventListener("resize", updatePosition);
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -257,7 +289,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {

package/dist/components/Tooltip.js

@@ -1,7 +1,11 @@
 "use client";
 import {
   Tooltip
-} from "../chunk-AS57Y2D3.js";
+} from "../chunk-ZL6NXIGS.js";
+import "../chunk-BXEE6VGQ.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-MMZTPVYB.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/index.cjs

@@ -4392,6 +4392,7 @@ var Tooltip = ({
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
@@ -4403,7 +4404,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {

package/dist/components/index.js

@@ -2,21 +2,13 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-5BDLTYAC.js";
+} from "../chunk-UIF3AIAT.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-Q4YDNW7N.js";
 import {
   ProductImagePreview
-} from "../chunk-GQDUOL5Y.js";
-import "../chunk-YCDDBSVU.js";
-import "../chunk-3X3Y4TMS.js";
-import "../chunk-BQNPOGD5.js";
-import {
-  SearchResultImage
-} from "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
-import "../chunk-2IKT6IHB.js";
+} from "../chunk-Y75MQKNY.js";
 import "../chunk-B4AE3DCA.js";
 import "../chunk-FP3Y5JJN.js";
 import {
@@ -24,6 +16,14 @@ import {
 } from "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-6EYMKEJ6.js";
+import {
+  SearchResultImage
+} from "../chunk-Y5GD2FJA.js";
+import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
+import "../chunk-YCDDBSVU.js";
+import "../chunk-3X3Y4TMS.js";
+import "../chunk-BQNPOGD5.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
@@ -43,7 +43,7 @@ import {
 } from "../chunk-LB7UT6F3.js";
 import {
   Tooltip
-} from "../chunk-AS57Y2D3.js";
+} from "../chunk-ZL6NXIGS.js";
 import "../chunk-WWZG3S33.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";

package/package.json

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

package/dist/{chunk-GQDUOL5Y.js → chunk-Y75MQKNY.js}

@@ -1,3 +1,9 @@
+import {
+  CarouselPagination
+} from "./chunk-MBZ55T2D.js";
+import {
+  MobileImageCarousel
+} from "./chunk-2IKT6IHB.js";
 import {
   ProductPrimaryImage
 } from "./chunk-YCDDBSVU.js";
@@ -7,12 +13,6 @@ import {
 import {
   ZoomWindow
 } from "./chunk-BQNPOGD5.js";
-import {
-  CarouselPagination
-} from "./chunk-MBZ55T2D.js";
-import {
-  MobileImageCarousel
-} from "./chunk-2IKT6IHB.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";