@fctc/sme-widget-ui 3.10.7 → 3.10.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "3.10.7",
+  "version": "3.10.8",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/dist/hooks.d.ts

@@ -1,46 +0,0 @@
-import { RefObject } from 'react';
-
-declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
-type EventType = (typeof DEFAULT_EVENTS)[number];
-interface UseClickOutsideOptions {
-    handler: (event?: Event) => void;
-    events?: readonly EventType[];
-    nodes?: (HTMLDivElement | null)[];
-    refs?: any;
-}
-declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsideOptions) => RefObject<HTMLDivElement | null>;
-
-/** Kiểu trả về của hook */
-type FileInfo = {
-    name?: string;
-    size?: number;
-    type?: string;
-    extension?: string | null;
-    dataUrl?: string | null;
-    text?: string | null;
-    arrayBuffer?: ArrayBuffer | null;
-    image?: {
-        width: number;
-        height: number;
-    } | null;
-    video?: {
-        width?: number;
-        height?: number;
-        duration?: number;
-    } | null;
-    audio?: {
-        duration?: number;
-    } | null;
-    rawBlob?: Blob | null;
-};
-type InputSource = string | File | Blob | null;
-declare function useFileInfo(source: InputSource, options?: {
-    readAs?: 'dataUrl' | 'text' | 'arrayBuffer' | 'all';
-}): {
-    info: FileInfo | null;
-    loading: boolean;
-    error: string | null;
-    reload: () => void;
-};
-
-export { useClickOutside, useFileInfo };

package/dist/hooks.js

@@ -1,277 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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.ts
-var hooks_exports = {};
-__export(hooks_exports, {
-  useClickOutside: () => useClickOutside,
-  useFileInfo: () => useFileInfo
-});
-module.exports = __toCommonJS(hooks_exports);
-
-// src/hooks/use-click-outside.ts
-var import_react = require("react");
-var DEFAULT_EVENTS = ["mousedown", "touchstart"];
-var useClickOutside = ({
-  handler,
-  events = DEFAULT_EVENTS,
-  nodes = [],
-  // Default to empty array to avoid undefined errors
-  refs
-}) => {
-  const ref = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const listener = (event) => {
-      const { target } = event;
-      if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
-        return;
-      }
-      if (!(target instanceof HTMLElement)) return;
-      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
-      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
-      if (shouldTrigger && !shouldIgnore) {
-        handler(event);
-      }
-    };
-    events.forEach((event) => document.addEventListener(event, listener));
-    return () => {
-      events.forEach((event) => document.removeEventListener(event, listener));
-    };
-  }, [handler, nodes, events]);
-  return ref;
-};
-
-// src/hooks/use-get-file-infor.ts
-var import_react2 = require("react");
-function getFileName(source, mime) {
-  if (source instanceof File) return source.name;
-  if (typeof source === "string") {
-    if (source.startsWith("data:")) {
-      const ext2 = mime?.split("/")[1] || "bin";
-      return `file.${ext2}`;
-    }
-    try {
-      const pathname = new URL(source).pathname;
-      const filename = decodeURIComponent(pathname.split("/").pop() || "");
-      if (filename) return filename;
-    } catch {
-    }
-    return "file.bin";
-  }
-  const ext = mime?.split("/")[1] || "bin";
-  return `file.${ext}`;
-}
-function useFileInfo(source, options) {
-  const { readAs = "all" } = options ?? {};
-  const [info, setInfo] = (0, import_react2.useState)(null);
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const abortRef = (0, import_react2.useRef)({ aborted: false });
-  (0, import_react2.useEffect)(() => {
-    abortRef.current.aborted = false;
-    if (!source) {
-      setInfo(null);
-      setLoading(false);
-      setError(null);
-      return;
-    }
-    let localUrl = null;
-    let fr = null;
-    let mediaEl = null;
-    const makeExtension = (name, type) => {
-      if (name) {
-        const idx = name.lastIndexOf(".");
-        if (idx > -1) return name.slice(idx + 1).toLowerCase();
-      }
-      if (type) {
-        const match = /\/([a-z0-9.+-]+)$/.exec(type);
-        return match ? match[1] : null;
-      }
-      return null;
-    };
-    const toBlobFromSource = async (src) => {
-      if (src instanceof Blob) return src;
-      if (typeof src === "string") {
-        const s = src.trim();
-        if (s.startsWith("data:")) {
-          const parts = s.split(",");
-          const meta = parts[0];
-          const isBase64 = meta.includes(";base64");
-          const mimeMatch = meta.match(/data:([^;]+)/);
-          const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
-          const dataPart = parts.slice(1).join(",");
-          if (isBase64) {
-            const binary = atob(dataPart);
-            const len = binary.length;
-            const arr = new Uint8Array(len);
-            for (let i = 0; i < len; i++) arr[i] = binary.charCodeAt(i);
-            return new Blob([arr], { type: mime });
-          } else {
-            const decoded = decodeURIComponent(dataPart);
-            return new Blob([decoded], { type: mime });
-          }
-        }
-        const resp = await fetch(s);
-        if (!resp.ok) throw new Error(`Fetch failed with status ${resp.status}`);
-        const blob = await resp.blob();
-        return blob;
-      }
-      throw new Error("Unsupported source type");
-    };
-    const run = async () => {
-      setLoading(true);
-      setError(null);
-      setInfo(null);
-      try {
-        const blob = await toBlobFromSource(source);
-        if (abortRef.current.aborted) return;
-        const fileInfo = {
-          rawBlob: blob,
-          size: blob.size,
-          type: blob.type || "application/octet-stream",
-          dataUrl: null,
-          text: null,
-          arrayBuffer: null,
-          image: null,
-          video: null,
-          audio: null
-        };
-        if (source instanceof File || source instanceof Blob || typeof source === "string" && !source.startsWith("data:")) {
-          fileInfo.name = getFileName(source, fileInfo.type);
-        }
-        fileInfo.extension = makeExtension(fileInfo.name, fileInfo.type);
-        localUrl = URL.createObjectURL(blob);
-        const readPromises = [];
-        if (readAs === "dataUrl" || readAs === "all") {
-          fr = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            fr.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.dataUrl = fr.result;
-              resolve();
-            };
-            fr.onerror = () => reject(fr.error);
-            fr.readAsDataURL(blob);
-          });
-          readPromises.push(p);
-        }
-        if (readAs === "text" || readAs === "all") {
-          const frText = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            frText.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.text = frText.result;
-              resolve();
-            };
-            frText.onerror = () => reject(frText.error);
-            frText.readAsText(blob);
-          });
-          readPromises.push(p);
-        }
-        if (readAs === "arrayBuffer" || readAs === "all") {
-          const frBuf = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            frBuf.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.arrayBuffer = frBuf.result;
-              resolve();
-            };
-            frBuf.onerror = () => reject(frBuf.error);
-            frBuf.readAsArrayBuffer(blob);
-          });
-          readPromises.push(p);
-        }
-        if (fileInfo?.type?.startsWith("image/")) {
-          const p = new Promise((resolve, reject) => {
-            const img = new Image();
-            img.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.image = {
-                width: img.naturalWidth,
-                height: img.naturalHeight
-              };
-              resolve();
-            };
-            img.onerror = () => resolve();
-            img.src = localUrl;
-          });
-          readPromises.push(p);
-        }
-        if (fileInfo && fileInfo?.type?.startsWith("video/") || fileInfo?.type?.startsWith("audio/")) {
-          const p = new Promise((resolve) => {
-            const el = document.createElement(
-              fileInfo?.type?.startsWith("video/") ? "video" : "audio"
-            );
-            mediaEl = el;
-            mediaEl.preload = "metadata";
-            mediaEl.onloadedmetadata = () => {
-              if (abortRef.current.aborted) return resolve();
-              const duration = isFinite(mediaEl.duration) ? mediaEl.duration : void 0;
-              if (fileInfo?.type?.startsWith("video/")) {
-                fileInfo.video = {
-                  width: mediaEl.videoWidth || void 0,
-                  height: mediaEl.videoHeight || void 0,
-                  duration
-                };
-              } else {
-                fileInfo.audio = { duration };
-              }
-              resolve();
-            };
-            mediaEl.onerror = () => resolve();
-            mediaEl.src = localUrl;
-          });
-          readPromises.push(p);
-        }
-        await Promise.all(readPromises);
-        if (abortRef.current.aborted) return;
-        setInfo(fileInfo);
-      } catch (err) {
-        if (!abortRef.current.aborted) setError(err?.message ?? String(err));
-      } finally {
-        if (!abortRef.current.aborted) setLoading(false);
-      }
-    };
-    run();
-    return () => {
-      abortRef.current.aborted = true;
-      if (fr && fr.readyState === 1) {
-        try {
-          fr.abort();
-        } catch {
-        }
-      }
-      if (mediaEl) {
-        try {
-          mediaEl.src = "";
-          mediaEl.load();
-        } catch {
-        }
-      }
-      if (localUrl) URL.revokeObjectURL(localUrl);
-    };
-  }, [source, readAs]);
-  return { info, loading, error, reload: () => {
-  } };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useClickOutside,
-  useFileInfo
-});

package/dist/icons.d.ts

@@ -1,100 +0,0 @@
-declare const AddIcon: () => JSX.Element;
-
-declare const ArchiveIcon: () => JSX.Element;
-
-declare const ArrowDownIcon: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const ArrowRightIcon: () => JSX.Element;
-
-declare const AttachIcon: () => JSX.Element;
-
-declare const BackIcon: () => JSX.Element;
-
-declare const CalendarIcon: () => JSX.Element;
-
-declare const CheckIcon: () => JSX.Element;
-
-declare const ChevronBottomIcon: ({ className, }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const CloseIcon: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const CopyIcon: () => JSX.Element;
-
-declare const DeleteIcon: () => JSX.Element;
-
-declare const DownloadIcon: () => JSX.Element;
-
-declare const ExcelIcon: () => JSX.Element;
-
-declare const ExportIcon: () => JSX.Element;
-
-declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-
-declare const FilterIcon: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const GroupByIcon: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const KanbanIcon: () => JSX.Element;
-
-declare const ListIcon: () => JSX.Element;
-
-declare const MoreIcon: () => JSX.Element;
-
-declare const PdfIcon: () => JSX.Element;
-
-declare const PlayIcon: () => JSX.Element;
-
-declare const ResetIcon: () => JSX.Element;
-
-declare const SearchIcon: () => JSX.Element;
-
-declare const SettingIcon: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
-declare const StarIcon: ({ fill, stroke }: {
-    fill: string;
-    stroke: string;
-}) => JSX.Element;
-
-declare const TriangleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-
-declare const UnArchiveIcon: () => JSX.Element;
-
-declare const VectorIcon: () => JSX.Element;
-
-declare const ZipIcon: () => JSX.Element;
-
-declare const LoadingIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => JSX.Element;
-
-declare const PaidIcon: () => JSX.Element;
-
-declare const PlaceHolderIcon: () => JSX.Element;
-
-declare const GoogleIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGElement>) => JSX.Element;
-
-declare const EyeClosedIcon: () => JSX.Element;
-
-declare const DeleteIconDanger: () => JSX.Element;
-
-declare const ImageIcon: () => JSX.Element;
-
-declare const JSONFileIcon: () => JSX.Element;
-
-declare const DefaultFileIcon: () => JSX.Element;
-
-declare const VideoIcon: () => JSX.Element;
-
-declare const FilterColumnIcon: () => JSX.Element;
-
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DefaultFileIcon, DeleteIcon, DeleteIconDanger, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterColumnIcon, FilterIcon, GoogleIcon, GroupByIcon, ImageIcon, JSONFileIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, VideoIcon, ZipIcon };