@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/hooks/index.cjs

@@ -1,523 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/index.ts
-var hooks_exports = {};
-__export(hooks_exports, {
-  useEditCell: () => useEditCell,
-  useInfiniteScroll: () => useInfiniteScroll,
-  useKeydown: () => useKeydown,
-  useMatchesMedia: () => useMatchesMedia,
-  useMatchesMobile: () => useMatchesMobile,
-  useTableLayout: () => useTableLayout
-});
-module.exports = __toCommonJS(hooks_exports);
-
-// src/hooks/useKeydown.ts
-var import_react = require("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);
-      }
-    });
-  }
-  (0, import_react.useEffect)(() => {
-    if (!isActive)
-      return document.removeEventListener("keydown", handleKeyDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [keys, isActive]);
-}
-
-// src/hooks/useInfiniteScroll.tsx
-var import_react2 = require("react");
-function useInfiniteScroll({
-  containerRef,
-  onLoadMore,
-  isLoading,
-  offset = 50,
-  enabled = true
-  // ✅ Add this
-}) {
-  (0, import_react2.useEffect)(() => {
-    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/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/hooks/useTableLayout/useTableLayout.ts
-var import_react4 = require("react");
-
-// src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
-
-// src/hooks/useTableLayout/storage.ts
-var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
-var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
-var CURRENT_SCHEMA_VERSION = 2;
-function getStorageKey(key) {
-  return `${STORAGE_PREFIX}__${key}`;
-}
-function getLegacyStorageKey(key) {
-  return `${LEGACY_STORAGE_PREFIX}__${key}-tableLayout`;
-}
-function loadPreferences(key) {
-  const storageKey = getStorageKey(key);
-  const legacyKey = getLegacyStorageKey(key);
-  const newData = localStorage.getItem(storageKey);
-  if (newData) {
-    try {
-      const parsed = JSON.parse(newData);
-      if (parsed.version === CURRENT_SCHEMA_VERSION) {
-        return parsed;
-      }
-      localStorage.removeItem(storageKey);
-    } catch (e) {
-      localStorage.removeItem(storageKey);
-    }
-  }
-  const legacyData = localStorage.getItem(legacyKey);
-  if (legacyData) {
-    localStorage.removeItem(legacyKey);
-  }
-  return null;
-}
-function savePreferences(key, preferences) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const storageKey = getStorageKey(key);
-  const hasPreferences = ((_b = (_a = preferences.columnOrder) == null ? void 0 : _a.length) != null ? _b : 0) > 0 || ((_d = (_c = preferences.hiddenByUser) == null ? void 0 : _c.length) != null ? _d : 0) > 0 || ((_f = (_e = preferences.shownByUser) == null ? void 0 : _e.length) != null ? _f : 0) > 0 || Object.keys((_g = preferences.columnWidths) != null ? _g : {}).length > 0;
-  if (!hasPreferences) {
-    localStorage.removeItem(storageKey);
-    return;
-  }
-  const data = __spreadProps(__spreadValues({}, preferences), {
-    version: CURRENT_SCHEMA_VERSION
-  });
-  localStorage.setItem(storageKey, JSON.stringify(data));
-}
-function clearPreferences(key) {
-  const storageKey = getStorageKey(key);
-  const legacyKey = getLegacyStorageKey(key);
-  localStorage.removeItem(storageKey);
-  localStorage.removeItem(legacyKey);
-}
-function clearAllLegacyData() {
-  if (typeof window === "undefined") return;
-  const keysToRemove = [];
-  for (let i = 0; i < localStorage.length; i++) {
-    const key = localStorage.key(i);
-    if ((key == null ? void 0 : key.includes("-tableLayout__")) && key.endsWith("-tableLayout")) {
-      keysToRemove.push(key);
-    }
-  }
-  keysToRemove.forEach((key) => {
-    localStorage.removeItem(key);
-  });
-}
-function hasPerformedLegacyMigration() {
-  if (typeof window === "undefined") return true;
-  return localStorage.getItem(`${STORAGE_PREFIX}__migrated`) === "true";
-}
-function markLegacyMigrationComplete() {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(`${STORAGE_PREFIX}__migrated`, "true");
-}
-
-// src/hooks/useTableLayout/computeColumns.ts
-function computeColumnVisibility(column, preferences) {
-  var _a, _b, _c, _d, _e, _f;
-  const columnId = column.id;
-  if (!columnId) return true;
-  const systemVisible = (_b = (_a = column.meta) == null ? void 0 : _a.visible) != null ? _b : true;
-  const canUserToggle = (_d = (_c = column.meta) == null ? void 0 : _c.inVisibilityMenu) != null ? _d : true;
-  if (!canUserToggle) {
-    return systemVisible;
-  }
-  if (preferences) {
-    if ((_e = preferences.hiddenByUser) == null ? void 0 : _e.includes(columnId)) {
-      return false;
-    }
-    if ((_f = preferences.shownByUser) == null ? void 0 : _f.includes(columnId)) {
-      return true;
-    }
-  }
-  return systemVisible;
-}
-function applyPreferencesToColumns(systemColumns, preferences) {
-  var _a;
-  let columns = systemColumns.map((col) => __spreadProps(__spreadValues({}, col), {
-    meta: __spreadProps(__spreadValues({}, col.meta), {
-      // Compute visibility based on system + user preferences
-      visible: computeColumnVisibility(col, preferences)
-    })
-  }));
-  if ((_a = preferences == null ? void 0 : preferences.columnOrder) == null ? void 0 : _a.length) {
-    const orderMap = new Map(
-      preferences.columnOrder.map((id, index) => [id, index])
-    );
-    columns = columns.sort((a, b) => {
-      var _a2, _b;
-      const orderA = (_a2 = orderMap.get(a.id)) != null ? _a2 : Number.MAX_SAFE_INTEGER;
-      const orderB = (_b = orderMap.get(b.id)) != null ? _b : Number.MAX_SAFE_INTEGER;
-      if (orderA === Number.MAX_SAFE_INTEGER && orderB === Number.MAX_SAFE_INTEGER) {
-        return 0;
-      }
-      return orderA - orderB;
-    });
-  }
-  if (preferences == null ? void 0 : preferences.columnWidths) {
-    columns = columns.map((col) => {
-      var _a2;
-      const width = col.id ? (_a2 = preferences.columnWidths) == null ? void 0 : _a2[col.id] : void 0;
-      if (width !== void 0) {
-        return __spreadProps(__spreadValues({}, col), {
-          size: width
-        });
-      }
-      return col;
-    });
-  }
-  return columns;
-}
-function extractColumnOrder(columns) {
-  return columns.filter((c) => c.id).map((c) => c.id);
-}
-function extractVisibilityChanges(columns, systemColumns) {
-  const hiddenByUser = [];
-  const shownByUser = [];
-  columns.forEach((col) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (!col.id) return;
-    const systemCol = systemColumns.find((c) => c.id === col.id);
-    if (!systemCol) return;
-    const systemVisible = (_b = (_a = systemCol.meta) == null ? void 0 : _a.visible) != null ? _b : true;
-    const currentVisible = (_d = (_c = col.meta) == null ? void 0 : _c.visible) != null ? _d : true;
-    const canToggle = (_f = (_e = systemCol.meta) == null ? void 0 : _e.inVisibilityMenu) != null ? _f : true;
-    if (!canToggle) return;
-    if (systemVisible && !currentVisible) {
-      hiddenByUser.push(col.id);
-    } else if (!systemVisible && currentVisible) {
-      if (((_g = systemCol.meta) == null ? void 0 : _g.inVisibilityMenu) !== false) {
-        shownByUser.push(col.id);
-      }
-    }
-  });
-  return { hiddenByUser, shownByUser };
-}
-
-// src/hooks/useTableLayout/useTableLayout.ts
-var hasCleanedLegacyDataThisSession = false;
-function useTableLayout(initialColumns, key, autosync = true) {
-  const [preferences, setPreferences] = (0, import_react4.useState)(null);
-  const [columns, setColumnsState] = (0, import_react4.useState)(
-    () => (
-      // Initialize with system columns (no preferences applied yet)
-      initialColumns.map((col) => __spreadValues({}, col))
-    )
-  );
-  const [isReady, setIsReady] = (0, import_react4.useState)(false);
-  const keyRef = (0, import_react4.useRef)(key);
-  const initialColumnsRef = (0, import_react4.useRef)(initialColumns);
-  const preferencesRef = (0, import_react4.useRef)(preferences);
-  const autosyncRef = (0, import_react4.useRef)(autosync);
-  (0, import_react4.useEffect)(() => {
-    keyRef.current = key;
-  }, [key]);
-  (0, import_react4.useEffect)(() => {
-    initialColumnsRef.current = initialColumns;
-  }, [initialColumns]);
-  (0, import_react4.useEffect)(() => {
-    preferencesRef.current = preferences;
-  }, [preferences]);
-  (0, import_react4.useEffect)(() => {
-    autosyncRef.current = autosync;
-  }, [autosync]);
-  (0, import_react4.useEffect)(() => {
-    if (typeof window === "undefined") return;
-    if (!hasCleanedLegacyDataThisSession && !hasPerformedLegacyMigration()) {
-      clearAllLegacyData();
-      markLegacyMigrationComplete();
-      hasCleanedLegacyDataThisSession = true;
-    }
-  }, []);
-  (0, import_react4.useEffect)(() => {
-    if (!autosync) {
-      setIsReady(true);
-      return;
-    }
-    if (!key) {
-      setIsReady(true);
-      return;
-    }
-    const savedPrefs = loadPreferences(key);
-    setPreferences(savedPrefs);
-    const computedColumns = applyPreferencesToColumns(
-      initialColumns,
-      savedPrefs
-    );
-    setColumnsState(computedColumns);
-    setIsReady(true);
-  }, [key, autosync]);
-  (0, import_react4.useEffect)(() => {
-    if (!isReady) return;
-    const computedColumns = applyPreferencesToColumns(
-      initialColumns,
-      preferencesRef.current
-    );
-    setColumnsState(computedColumns);
-  }, [initialColumns, isReady]);
-  const persistPreferences = (0, import_react4.useCallback)(
-    (newPrefs) => {
-      if (!keyRef.current) return;
-      const updated = __spreadProps(__spreadValues(__spreadValues({}, preferencesRef.current), newPrefs), {
-        version: 2
-      });
-      setPreferences(updated);
-      if (autosyncRef.current) {
-        savePreferences(keyRef.current, updated);
-      }
-      const computedColumns = applyPreferencesToColumns(
-        initialColumnsRef.current,
-        updated
-      );
-      setColumnsState(computedColumns);
-    },
-    []
-  );
-  const hideColumn = (0, import_react4.useCallback)(
-    (columnId) => {
-      var _a, _b;
-      const currentPrefs = preferencesRef.current;
-      const currentHidden = (_a = currentPrefs == null ? void 0 : currentPrefs.hiddenByUser) != null ? _a : [];
-      const currentShown = (_b = currentPrefs == null ? void 0 : currentPrefs.shownByUser) != null ? _b : [];
-      const newShown = currentShown.filter((id) => id !== columnId);
-      const newHidden = currentHidden.includes(columnId) ? currentHidden : [...currentHidden, columnId];
-      persistPreferences(__spreadProps(__spreadValues({}, currentPrefs), {
-        hiddenByUser: newHidden,
-        shownByUser: newShown
-      }));
-    },
-    [persistPreferences]
-  );
-  const showColumn = (0, import_react4.useCallback)(
-    (columnId) => {
-      var _a, _b;
-      const currentPrefs = preferencesRef.current;
-      const currentHidden = (_a = currentPrefs == null ? void 0 : currentPrefs.hiddenByUser) != null ? _a : [];
-      const currentShown = (_b = currentPrefs == null ? void 0 : currentPrefs.shownByUser) != null ? _b : [];
-      const newHidden = currentHidden.filter((id) => id !== columnId);
-      const newShown = currentShown.includes(columnId) ? currentShown : [...currentShown, columnId];
-      persistPreferences(__spreadProps(__spreadValues({}, currentPrefs), {
-        hiddenByUser: newHidden,
-        shownByUser: newShown
-      }));
-    },
-    [persistPreferences]
-  );
-  const reorderColumns = (0, import_react4.useCallback)(
-    (columnIds) => {
-      persistPreferences(__spreadProps(__spreadValues({}, preferencesRef.current), {
-        columnOrder: columnIds
-      }));
-    },
-    [persistPreferences]
-  );
-  const setColumnWidth = (0, import_react4.useCallback)(
-    (columnId, width) => {
-      var _a;
-      const currentPrefs = preferencesRef.current;
-      const currentWidths = (_a = currentPrefs == null ? void 0 : currentPrefs.columnWidths) != null ? _a : {};
-      persistPreferences(__spreadProps(__spreadValues({}, currentPrefs), {
-        columnWidths: __spreadProps(__spreadValues({}, currentWidths), { [columnId]: width })
-      }));
-    },
-    [persistPreferences]
-  );
-  const resetToDefaults = (0, import_react4.useCallback)(() => {
-    if (!keyRef.current) return;
-    clearPreferences(keyRef.current);
-    setPreferences(null);
-    const computedColumns = applyPreferencesToColumns(
-      initialColumnsRef.current,
-      null
-    );
-    setColumnsState(computedColumns);
-  }, []);
-  const getUserPreferences = (0, import_react4.useCallback)(() => {
-    var _a;
-    return (_a = preferencesRef.current) != null ? _a : { version: 2 };
-  }, []);
-  const getSavedLayout = (0, import_react4.useCallback)(() => {
-    return columns;
-  }, [columns]);
-  const setColumns = (0, import_react4.useCallback)(
-    (setter) => {
-      setColumnsState((prev) => {
-        var _a, _b, _c, _d;
-        const newColumns = typeof setter === "function" ? setter(prev) : setter;
-        const newOrder = extractColumnOrder(newColumns);
-        const { hiddenByUser, shownByUser } = extractVisibilityChanges(
-          newColumns,
-          initialColumnsRef.current
-        );
-        const existingPrefs = preferencesRef.current;
-        const mergedHidden = Array.from(
-          /* @__PURE__ */ new Set([
-            ...hiddenByUser,
-            // Keep existing hidden prefs for columns that are still hidden
-            ...(_b = (_a = existingPrefs == null ? void 0 : existingPrefs.hiddenByUser) == null ? void 0 : _a.filter((id) => {
-              var _a2;
-              const col = newColumns.find((c) => c.id === id);
-              return col && ((_a2 = col.meta) == null ? void 0 : _a2.visible) === false;
-            })) != null ? _b : []
-          ])
-        );
-        const mergedShown = Array.from(
-          /* @__PURE__ */ new Set([
-            ...shownByUser,
-            // Keep existing shown prefs for columns that are still visible
-            ...(_d = (_c = existingPrefs == null ? void 0 : existingPrefs.shownByUser) == null ? void 0 : _c.filter((id) => {
-              var _a2;
-              const col = newColumns.find((c) => c.id === id);
-              return col && ((_a2 = col.meta) == null ? void 0 : _a2.visible) !== false;
-            })) != null ? _d : []
-          ])
-        );
-        if (keyRef.current && autosync) {
-          const newPrefs = {
-            columnOrder: newOrder,
-            hiddenByUser: mergedHidden,
-            shownByUser: mergedShown,
-            columnWidths: existingPrefs == null ? void 0 : existingPrefs.columnWidths,
-            version: 2
-          };
-          setPreferences(newPrefs);
-          savePreferences(keyRef.current, newPrefs);
-        }
-        return newColumns;
-      });
-    },
-    [autosync]
-  );
-  return {
-    columns,
-    setColumns,
-    isReady,
-    getSavedLayout,
-    hideColumn,
-    showColumn,
-    reorderColumns,
-    setColumnWidth,
-    resetToDefaults,
-    getUserPreferences
-  };
-}
-
-// src/hooks/useEditCell.tsx
-var import_react5 = require("react");
-function useEditCell(initialValue) {
-  const [value, setValue] = (0, import_react5.useState)(initialValue);
-  const [isEdit, setIsEdit] = (0, import_react5.useState)(false);
-  const inputRef = (0, import_react5.useRef)(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
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useEditCell,
-  useInfiniteScroll,
-  useKeydown,
-  useMatchesMedia,
-  useMatchesMobile,
-  useTableLayout
-});

package/dist/hooks/index.js

@@ -1,22 +0,0 @@
-import {
-  useEditCell,
-  useInfiniteScroll,
-  useKeydown,
-  useTableLayout
-} from "../chunk-ZRFXUER3.js";
-import {
-  useMatchesMedia,
-  useMatchesMobile
-} from "../chunk-WVGXD7HT.js";
-import "../chunk-VXWSAIB5.js";
-import "../chunk-TBZ243DS.js";
-import "../chunk-5UH6QUFB.js";
-import "../chunk-ORMEWXMH.js";
-export {
-  useEditCell,
-  useInfiniteScroll,
-  useKeydown,
-  useMatchesMedia,
-  useMatchesMobile,
-  useTableLayout
-};