@pelatform/ui 1.6.0 → 2.1.0

package/dist/hooks.cjs

@@ -1,666 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-var _chunkZDR3OZ7Zcjs = require('./chunk-ZDR3OZ7Z.cjs');
-
-
-
-var _chunkJ4JGE3U5cjs = require('./chunk-J4JGE3U5.cjs');
-
-
-
-var _chunk3N75YA6Qcjs = require('./chunk-3N75YA6Q.cjs');
-require('./chunk-I46SELBA.cjs');
-
-// src/hooks/use-analytics.ts
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
-var useAnalytics = () => {
-  const trackEvent = _react.useCallback.call(void 0, 
-    ({
-      event_name,
-      module,
-      submodule,
-      item_type,
-      item_id,
-      action,
-      delete_type
-    }) => {
-      if (typeof window !== "undefined" && window.gtag) {
-        window.gtag("event", event_name, {
-          module,
-          submodule,
-          module_path: `${module}/${submodule}`,
-          item_type,
-          item_id,
-          action,
-          delete_type,
-          category: "crud",
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      }
-    },
-    []
-  );
-  const trackCreate = _react.useCallback.call(void 0, 
-    (module, submodule, itemType, itemId) => {
-      trackEvent({
-        event_name: "crud_create",
-        module,
-        submodule,
-        item_type: itemType,
-        item_id: itemId,
-        action: "create"
-      });
-    },
-    [trackEvent]
-  );
-  const trackUpdate = _react.useCallback.call(void 0, 
-    (module, submodule, itemType, itemId) => {
-      trackEvent({
-        event_name: "crud_update",
-        module,
-        submodule,
-        item_type: itemType,
-        item_id: itemId,
-        action: "update"
-      });
-    },
-    [trackEvent]
-  );
-  const trackDelete = _react.useCallback.call(void 0, 
-    (module, submodule, itemType, itemId, isHardDelete = false) => {
-      trackEvent({
-        event_name: "crud_delete",
-        module,
-        submodule,
-        item_type: itemType,
-        item_id: itemId,
-        action: "delete",
-        delete_type: isHardDelete ? "hard" : "soft"
-      });
-    },
-    [trackEvent]
-  );
-  return {
-    trackCreate,
-    trackUpdate,
-    trackDelete
-  };
-};
-
-// src/hooks/use-body-class.ts
-
-var useBodyClasses = (className) => {
-  _react.useEffect.call(void 0, () => {
-    if (!className.trim()) return;
-    const classList = className.split(/\s+/).filter(Boolean);
-    classList.forEach((cls) => {
-      document.body.classList.add(cls);
-    });
-    return () => {
-      classList.forEach((cls) => {
-        document.body.classList.remove(cls);
-      });
-    };
-  }, [className]);
-};
-
-// src/hooks/use-file-upload.ts
-
-
-
-
-
-var useFileUpload = (options = {}) => {
-  const {
-    maxFiles = Number.POSITIVE_INFINITY,
-    maxSize = Number.POSITIVE_INFINITY,
-    accept = "*",
-    multiple = false,
-    initialFiles = [],
-    onFilesChange,
-    onFilesAdded,
-    onError
-  } = options;
-  const [state, setState] = _react.useState.call(void 0, {
-    files: initialFiles.map((file) => ({
-      file,
-      id: file.id,
-      preview: file.url
-    })),
-    isDragging: false,
-    errors: []
-  });
-  const inputRef = _react.useRef.call(void 0, null);
-  const validateFile = _react.useCallback.call(void 0, 
-    (file) => {
-      if (file instanceof File) {
-        if (file.size > maxSize) {
-          return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
-        }
-      } else {
-        if (file.size > maxSize) {
-          return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
-        }
-      }
-      if (accept !== "*") {
-        const acceptedTypes = accept.split(",").map((type) => type.trim());
-        const fileType = file instanceof File ? file.type || "" : file.type;
-        const fileExtension = `.${file instanceof File ? file.name.split(".").pop() : file.name.split(".").pop()}`;
-        const isAccepted = acceptedTypes.some((type) => {
-          if (type.startsWith(".")) {
-            return fileExtension.toLowerCase() === type.toLowerCase();
-          }
-          if (type.endsWith("/*")) {
-            const baseType = type.split("/")[0];
-            return fileType.startsWith(`${baseType}/`);
-          }
-          return fileType === type;
-        });
-        if (!isAccepted) {
-          return `File "${file instanceof File ? file.name : file.name}" is not an accepted file type.`;
-        }
-      }
-      return null;
-    },
-    [accept, maxSize]
-  );
-  const createPreview = _react.useCallback.call(void 0, (file) => {
-    if (file instanceof File) {
-      return URL.createObjectURL(file);
-    }
-    return file.url;
-  }, []);
-  const generateUniqueId = _react.useCallback.call(void 0, (file) => {
-    if (file instanceof File) {
-      return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-    }
-    return file.id;
-  }, []);
-  const clearFiles = _react.useCallback.call(void 0, () => {
-    setState((prev) => {
-      for (const file of prev.files) {
-        if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
-          URL.revokeObjectURL(file.preview);
-        }
-      }
-      if (inputRef.current) {
-        inputRef.current.value = "";
-      }
-      const newState = {
-        ...prev,
-        files: [],
-        errors: []
-      };
-      _optionalChain([onFilesChange, 'optionalCall', _ => _(newState.files)]);
-      return newState;
-    });
-  }, [onFilesChange]);
-  const addFiles = _react.useCallback.call(void 0, 
-    (newFiles) => {
-      if (!newFiles || newFiles.length === 0) return;
-      const newFilesArray = Array.from(newFiles);
-      const errors = [];
-      setState((prev) => ({ ...prev, errors: [] }));
-      if (!multiple) {
-        clearFiles();
-      }
-      if (multiple && maxFiles !== Number.POSITIVE_INFINITY && state.files.length + newFilesArray.length > maxFiles) {
-        errors.push(`You can only upload a maximum of ${maxFiles} files.`);
-        _optionalChain([onError, 'optionalCall', _2 => _2(errors)]);
-        setState((prev) => ({ ...prev, errors }));
-        return;
-      }
-      const validFiles = [];
-      for (const file of newFilesArray) {
-        if (multiple) {
-          const isDuplicate = state.files.some(
-            (existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size
-          );
-          if (isDuplicate) {
-            return;
-          }
-        }
-        if (file.size > maxSize) {
-          errors.push(
-            multiple ? `Some files exceed the maximum size of ${formatBytes(maxSize)}.` : `File exceeds the maximum size of ${formatBytes(maxSize)}.`
-          );
-          continue;
-        }
-        const error = validateFile(file);
-        if (error) {
-          errors.push(error);
-        } else {
-          validFiles.push({
-            file,
-            id: generateUniqueId(file),
-            preview: createPreview(file)
-          });
-        }
-      }
-      if (validFiles.length > 0) {
-        _optionalChain([onFilesAdded, 'optionalCall', _3 => _3(validFiles)]);
-        setState((prev) => {
-          const newFiles2 = !multiple ? validFiles : [...prev.files, ...validFiles];
-          _optionalChain([onFilesChange, 'optionalCall', _4 => _4(newFiles2)]);
-          return {
-            ...prev,
-            files: newFiles2,
-            errors
-          };
-        });
-      } else if (errors.length > 0) {
-        _optionalChain([onError, 'optionalCall', _5 => _5(errors)]);
-        setState((prev) => ({
-          ...prev,
-          errors
-        }));
-      }
-      if (inputRef.current) {
-        inputRef.current.value = "";
-      }
-    },
-    [
-      state.files,
-      maxFiles,
-      multiple,
-      maxSize,
-      validateFile,
-      createPreview,
-      generateUniqueId,
-      clearFiles,
-      onFilesChange,
-      onFilesAdded,
-      onError
-    ]
-  );
-  const removeFile = _react.useCallback.call(void 0, 
-    (id) => {
-      setState((prev) => {
-        const fileToRemove = prev.files.find((file) => file.id === id);
-        if (_optionalChain([fileToRemove, 'optionalAccess', _6 => _6.preview]) && fileToRemove.file instanceof File && fileToRemove.file.type.startsWith("image/")) {
-          URL.revokeObjectURL(fileToRemove.preview);
-        }
-        const newFiles = prev.files.filter((file) => file.id !== id);
-        _optionalChain([onFilesChange, 'optionalCall', _7 => _7(newFiles)]);
-        return {
-          ...prev,
-          files: newFiles,
-          errors: []
-        };
-      });
-    },
-    [onFilesChange]
-  );
-  const clearErrors = _react.useCallback.call(void 0, () => {
-    setState((prev) => ({
-      ...prev,
-      errors: []
-    }));
-  }, []);
-  const handleDragEnter = _react.useCallback.call(void 0, (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setState((prev) => ({ ...prev, isDragging: true }));
-  }, []);
-  const handleDragLeave = _react.useCallback.call(void 0, (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.currentTarget.contains(e.relatedTarget)) {
-      return;
-    }
-    setState((prev) => ({ ...prev, isDragging: false }));
-  }, []);
-  const handleDragOver = _react.useCallback.call(void 0, (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const handleDrop = _react.useCallback.call(void 0, 
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setState((prev) => ({ ...prev, isDragging: false }));
-      if (_optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.disabled])) {
-        return;
-      }
-      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-        if (!multiple) {
-          const file = e.dataTransfer.files[0];
-          addFiles([file]);
-        } else {
-          addFiles(e.dataTransfer.files);
-        }
-      }
-    },
-    [addFiles, multiple]
-  );
-  const handleFileChange = _react.useCallback.call(void 0, 
-    (e) => {
-      if (e.target.files && e.target.files.length > 0) {
-        addFiles(e.target.files);
-      }
-    },
-    [addFiles]
-  );
-  const openFileDialog = _react.useCallback.call(void 0, () => {
-    if (inputRef.current) {
-      inputRef.current.click();
-    }
-  }, []);
-  const getInputProps = _react.useCallback.call(void 0, 
-    (props = {}) => {
-      return {
-        ...props,
-        type: "file",
-        onChange: handleFileChange,
-        accept: props.accept || accept,
-        multiple: props.multiple !== void 0 ? props.multiple : multiple,
-        ref: inputRef
-      };
-    },
-    [accept, multiple, handleFileChange]
-  );
-  return [
-    state,
-    {
-      addFiles,
-      removeFile,
-      clearFiles,
-      clearErrors,
-      handleDragEnter,
-      handleDragLeave,
-      handleDragOver,
-      handleDrop,
-      handleFileChange,
-      openFileDialog,
-      getInputProps
-    }
-  ];
-};
-var formatBytes = (bytes, decimals = 2) => {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Number.parseFloat((bytes / k ** i).toFixed(dm)) + sizes[i];
-};
-
-// src/hooks/use-media-query.ts
-
-var getMatches = (query) => {
-  if (typeof window !== "undefined") {
-    return window.matchMedia(query).matches;
-  }
-  return false;
-};
-var useMediaQuery = (query) => {
-  const [matches, setMatches] = _react.useState.call(void 0, getMatches(query));
-  _react.useEffect.call(void 0, () => {
-    function handleChange() {
-      setMatches(getMatches(query));
-    }
-    const matchMedia = window.matchMedia(query);
-    handleChange();
-    matchMedia.addEventListener("change", handleChange);
-    return () => {
-      matchMedia.removeEventListener("change", handleChange);
-    };
-  }, [query]);
-  return matches;
-};
-
-// src/hooks/use-menu.ts
-var useMenu = (pathname) => {
-  const isActive = (path) => {
-    if (path && path === "/") {
-      return path === pathname;
-    } else {
-      return !!path && pathname.startsWith(path);
-    }
-  };
-  const hasActiveChild = (children) => {
-    if (!children || !Array.isArray(children)) return false;
-    return children.some(
-      (child) => child.path && isActive(child.path) || child.children && hasActiveChild(child.children)
-    );
-  };
-  const isItemActive = (item) => {
-    return (item.path ? isActive(item.path) : false) || (item.children ? hasActiveChild(item.children) : false);
-  };
-  const getCurrentItem = (items) => {
-    for (const item of items) {
-      if (item.path && isActive(item.path)) {
-        if (item.children && item.children.length > 0) {
-          const childMatch = getCurrentItem(item.children);
-          return childMatch || item;
-        }
-        return item;
-      }
-      if (item.children && item.children.length > 0) {
-        const childMatch = getCurrentItem(item.children);
-        if (childMatch) {
-          return childMatch;
-        }
-      }
-    }
-    return void 0;
-  };
-  const getBreadcrumb = (items) => {
-    const findBreadcrumb = (nodes, breadcrumb2 = []) => {
-      for (const item of nodes) {
-        const currentBreadcrumb = [...breadcrumb2, item];
-        if (item.path && isActive(item.path)) {
-          return currentBreadcrumb;
-        }
-        if (item.children && item.children.length > 0) {
-          const childBreadcrumb = findBreadcrumb(item.children, currentBreadcrumb);
-          if (childBreadcrumb.length > currentBreadcrumb.length) {
-            return childBreadcrumb;
-          }
-        }
-      }
-      return breadcrumb2;
-    };
-    const breadcrumb = findBreadcrumb(items);
-    return breadcrumb.length > 0 ? breadcrumb : [];
-  };
-  const getChildren = (items, level) => {
-    const hasActiveChildAtLevel = (items2) => {
-      for (const item of items2) {
-        if (item.path && (item.path === pathname || item.path !== "/" && item.path !== "" && pathname.startsWith(item.path)) || item.children && hasActiveChildAtLevel(item.children)) {
-          return true;
-        }
-      }
-      return false;
-    };
-    const findChildren = (items2, targetLevel, currentLevel = 0) => {
-      for (const item of items2) {
-        if (item.children) {
-          if (targetLevel === currentLevel && hasActiveChildAtLevel(item.children)) {
-            return item.children;
-          }
-          const children = findChildren(item.children, targetLevel, currentLevel + 1);
-          if (children) {
-            return children;
-          }
-        } else if (targetLevel === currentLevel && item.path && (item.path === pathname || item.path !== "/" && item.path !== "" && pathname.startsWith(item.path))) {
-          return items2;
-        }
-      }
-      return null;
-    };
-    return findChildren(items, level);
-  };
-  return {
-    isActive,
-    hasActiveChild,
-    isItemActive,
-    getCurrentItem,
-    getBreadcrumb,
-    getChildren
-  };
-};
-
-// src/hooks/use-mounted.ts
-
-function useMounted() {
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
-    setMounted(true);
-  }, []);
-  return mounted;
-}
-
-// src/hooks/use-mutation-observer.ts
-
-var DEFAULT_OPTIONS = {
-  /** Watch for attribute changes */
-  attributes: true,
-  /** Watch for text content changes */
-  characterData: true,
-  /** Watch for child element additions/removals */
-  childList: true,
-  /** Watch for changes in descendant elements */
-  subtree: true
-};
-var useMutationObserver = (ref, callback, options = DEFAULT_OPTIONS) => {
-  React2.useEffect(() => {
-    if (ref.current) {
-      const observer = new MutationObserver(callback);
-      observer.observe(ref.current, options);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [ref, callback, options]);
-};
-
-// src/hooks/use-remove-ga-params.ts
-
-function useRemoveGAParams() {
-  _react.useEffect.call(void 0, () => {
-    const url = new URL(window.location.href);
-    if (url.searchParams.has("_gl")) {
-      const timer = setTimeout(() => {
-        url.searchParams.delete("_gl");
-        window.history.replaceState({}, "", url.toString());
-      }, 2e3);
-      return () => clearTimeout(timer);
-    }
-  }, []);
-}
-
-// src/hooks/use-scroll-position.ts
-
-var useScrollPosition = ({ targetRef } = {}) => {
-  const [scrollPosition, setScrollPosition] = _react.useState.call(void 0, 0);
-  _react.useEffect.call(void 0, () => {
-    const target = _optionalChain([targetRef, 'optionalAccess', _10 => _10.current]) || document;
-    const scrollable = target === document ? window : target;
-    const updatePosition = () => {
-      const scrollY = target === document ? window.scrollY || window.pageYOffset : target.scrollTop;
-      setScrollPosition(scrollY);
-    };
-    scrollable.addEventListener("scroll", updatePosition, { passive: true });
-    updatePosition();
-    return () => {
-      scrollable.removeEventListener("scroll", updatePosition);
-    };
-  }, [targetRef]);
-  return scrollPosition;
-};
-
-// src/hooks/use-slider-input.ts
-
-function useSliderInput({ minValue, maxValue, initialValue }) {
-  const [sliderValues, setSliderValues] = _react.useState.call(void 0, initialValue);
-  const [inputValues, setInputValues] = _react.useState.call(void 0, initialValue);
-  const handleSliderChange = _react.useCallback.call(void 0, (values) => {
-    setSliderValues(values);
-    setInputValues(values);
-  }, []);
-  const handleInputChange = _react.useCallback.call(void 0, 
-    (e, index) => {
-      const newValue = parseFloat(e.target.value);
-      if (!Number.isNaN(newValue)) {
-        const updatedInputs = [...inputValues];
-        updatedInputs[index] = newValue;
-        setInputValues(updatedInputs);
-      }
-    },
-    [inputValues]
-  );
-  const validateAndUpdateValue = _react.useCallback.call(void 0, 
-    (value, index) => {
-      const updatedSlider = [...sliderValues];
-      if (index === 0) {
-        updatedSlider[0] = Math.max(minValue, Math.min(value, sliderValues[1]));
-      } else {
-        updatedSlider[1] = Math.min(maxValue, Math.max(value, sliderValues[0]));
-      }
-      setSliderValues(updatedSlider);
-      setInputValues(updatedSlider);
-    },
-    [sliderValues, minValue, maxValue]
-  );
-  return {
-    /** Function to manually set slider values */
-    setSliderValues,
-    /** Function to manually set input values */
-    setInputValues,
-    /** Current slider values [min, max] */
-    sliderValues,
-    /** Current input values [min, max] */
-    inputValues,
-    /** Handler for slider value changes */
-    handleSliderChange,
-    /** Handler for input field changes */
-    handleInputChange,
-    /** Function to validate and update values from inputs */
-    validateAndUpdateValue
-  };
-}
-
-// src/hooks/use-viewport.ts
-
-var useViewport = () => {
-  const [dimensions, setDimensions] = _react.useState.call(void 0, () => {
-    if (typeof window !== "undefined") {
-      return [window.innerHeight, window.innerWidth];
-    }
-    return [0, 0];
-  });
-  _react.useEffect.call(void 0, () => {
-    const handleResize = () => {
-      setDimensions([window.innerHeight, window.innerWidth]);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize, { passive: true });
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-  return dimensions;
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.formatBytes = formatBytes; exports.toastManager = _chunkZDR3OZ7Zcjs.toastManager; exports.useAnalytics = useAnalytics; exports.useBodyClasses = useBodyClasses; exports.useCopyToClipboard = _chunk3N75YA6Qcjs.useCopyToClipboard; exports.useFileUpload = useFileUpload; exports.useIsMobile = _chunk3N75YA6Qcjs.useIsMobile; exports.useMediaQuery = useMediaQuery; exports.useMenu = useMenu; exports.useMetaColor = _chunkJ4JGE3U5cjs.useMetaColor; exports.useMounted = useMounted; exports.useMutationObserver = useMutationObserver; exports.useRecaptchaV2 = _chunkJ4JGE3U5cjs.useRecaptchaV2; exports.useRemoveGAParams = useRemoveGAParams; exports.useScrollPosition = useScrollPosition; exports.useSliderInput = useSliderInput; exports.useToast = _chunkZDR3OZ7Zcjs.useToast; exports.useViewport = useViewport;