aprog 2.2.4 → 2.2.5

package/index.js

@@ -23,7 +23,7 @@ export {
 } from './src/html.js';
 export { prism } from "./src/prism.js";
 export { uniquePage } from "./src/pages.js";
-export { state, wrap, toast, abort } from "./src/helper.js";
+export { state, wrap, toast, abort, useTableDrag } from "./src/helper.js";
 export { default as AbortError } from './src/classes/AbortError.js';
 export { default as SmartWrapper } from './src/classes/SmartWrapper.js';
 export { default as StateWrapper } from './src/classes/StateWrapper.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aprog",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "description": "Допоміжна JavaScript-бібліотека для проєктів",
   "main": "index.js",
   "exports": {

package/src/classes/SmartWrapper.js

@@ -20,13 +20,34 @@ class SmartWrapper {
       }
 
       if (Object.prototype.hasOwnProperty.call(this._value, key)) {
-        return new SmartWrapper(this._value[key]);
+        const val = this._value[key];
+        return new SmartWrapper(val !== null && val !== undefined ? val : def);
       }
     }
 
     return new SmartWrapper(def);
   }
 
+  /**
+   * Отримати значення по ключу з value
+   * @param {string|number} key
+   * @param {*} def
+   * @returns {*}
+   */
+  getValue(key, def = null) {
+    return this.get(key, def)._value;
+  }
+
+  /**
+   * Отримати вкладене значення за шляхом 'a.b.c' з value
+   * @param {string} path
+   * @param {*} def
+   * @returns {*}
+   */
+  pathValue(path, def = null) {
+    return this.path(path, def)._value;
+  }
+
   /**
    * Отримати вкладене значення за шляхом 'a.b.c'
    * @param {string} path

package/src/general.js

@@ -173,13 +173,30 @@ export const firstKey = (object) => {
   return Object.keys(object)[0] || null;
 };
 
-export const copyText = async (element) => {
+/**
+ * --- Копіювання тексту з HTML елементу, або просто наданий текст ---
+ * @param target
+ * @param lang
+ * @returns {Promise<string>}
+ */
+export const copyText = async (target, lang = false) => {
   try {
-    const textToCopy = isHtmlElement(element) ? JSON.stringify(JSON.parse(element.innerText)) : element;
+    let textToCopy = "";
+
+    // Якщо передано HTML-елемент — беремо його текст
+    if (target instanceof HTMLElement) {
+      textToCopy = target.innerText.trim();
+    } else {
+      textToCopy = String(target).trim();
+    }
+
+    // Записуємо в буфер
     await navigator.clipboard.writeText(textToCopy);
-    console.log("Скопійовано");
+
+    return lang ? "copied" : "Скопійовано";
   } catch (err) {
-    console.error('Помилка копіювання! Error:', err);
+    console.error("Помилка копіювання! Error:", err);
+    return lang ? "error_copied" : "Помилка копіювання!";
   }
 };
 

package/src/helper.js

@@ -13,3 +13,86 @@ export const abort = (message = "") => {
   toast().error(message);
   throw new AbortError(`=> ${message}`);
 };
+
+export const useTableDrag = (selectorOrElement, onReorder = null) => {
+  const css = `
+    tr.dragging td {
+      opacity: 0.6;
+      color: #ff8800 !important;
+      background-color: rgba(255,136,0,.2) !important;
+    }
+    tr.sorted td {
+      color: #043458 !important;
+      background-color: rgba(4,52,88,.2) !important;
+    }
+  `;
+
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+
+  const table =
+    typeof selectorOrElement === "string"
+      ? document.querySelector(selectorOrElement)
+      : selectorOrElement;
+
+  if (!table) {
+    toast().warning("[useTableDrag] Таблицю не знайдено!");
+    console.warn("[useTableDrag] Таблицю не знайдено:", selectorOrElement);
+    return;
+  }
+
+  const tbody = table.querySelector("tbody");
+  if (!tbody) {
+    toast().warning("[useTableDrag] У таблиці немає <tbody>!");
+    console.warn("[useTableDrag] У таблиці немає <tbody>:", selectorOrElement);
+    return;
+  }
+
+  let draggedRow = null;
+
+  tbody.querySelectorAll("tr").forEach((tr) => (tr.draggable = true));
+
+  tbody.addEventListener("dragstart", (e) => {
+    draggedRow = e.target.closest("tr");
+    if (!draggedRow) return;
+    e.dataTransfer.effectAllowed = "move";
+    draggedRow.classList.add("dragging");
+  });
+
+  tbody.addEventListener("dragend", (e) => {
+    e.target.classList.remove("dragging");
+    e.target.classList.add("sorted");
+  });
+
+  tbody.addEventListener("dragover", (e) => {
+    e.preventDefault();
+    const targetRow = e.target.closest("tr");
+    if (!targetRow || targetRow === draggedRow) return;
+
+    const rect = targetRow.getBoundingClientRect();
+    const next =
+      e.clientY - rect.top > rect.height / 2
+        ? targetRow.nextSibling
+        : targetRow;
+    tbody.insertBefore(draggedRow, next);
+  });
+
+  tbody.addEventListener("drop", (e) => {
+    e.preventDefault();
+    if (draggedRow) draggedRow.classList.remove("dragging");
+
+    const newOrder = getOrder();
+    if (typeof onReorder === "function") {
+      onReorder(newOrder);
+    }
+  });
+
+  const getOrder = () =>
+    [...tbody.querySelectorAll("tr")].map((tr, index) => ({
+      sort: index + 1,
+      id: tr.dataset.id || tr.id || tr.innerText.trim(),
+    }));
+
+  return { getOrder };
+};