@povio/ui 2.1.13 → 2.1.15

package/dist/hooks/useTableNav.js

@@ -1,394 +0,0 @@
-import { logger } from "../utils/logger.js";
-const Selectors = {
-  Cell: '[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"],td,th',
-  Row: '[role="row"],tr',
-  RowGroup: '[role="rowgroup"],thead,tbody,tfoot',
-  /** Selector from here: https://github.com/Shopify/polaris/blob/main/polaris-react/src/utilities/focus.ts#L10 */
-  Focusable: 'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not([aria-disabled="true"]):not([tabindex="-1"]):not(:disabled),*[tabindex]'
-};
-class DataGridNav {
-  constructor(config = {}) {
-    this.keys = [];
-    this.activeCell = null;
-    this.debugLog = (functionName, message) => {
-      if (this.debug) {
-        logger.info(`[${functionName}]: ${message}`);
-      }
-    };
-    const { selectors = {}, pageUpDown, debug = false } = config;
-    this.selectors = { ...Selectors, ...selectors };
-    this.pageUpDown = pageUpDown;
-    this.keys = [];
-    this.debug = debug;
-    this.disabled = false;
-  }
-  /**
-   * Disables the keyboard listener in cases
-   * that elements inside the grid need to use
-   * arrows keys etc., like select dropdowns
-   */
-  disable() {
-    this.disabled = true;
-  }
-  /**
-   * Enables the keyboard listeners
-   */
-  enable() {
-    this.disabled = false;
-  }
-  // oxlint-disable-next-line class-methods-use-this
-  isFocusable(el) {
-    return el instanceof HTMLElement || el instanceof SVGElement;
-  }
-  getActiveCell() {
-    return this.activeCell;
-  }
-  /** Used as a keyboard listener for key up */
-  tableKeyUp() {
-    this.keys = [];
-  }
-  /** Used as a keyboard listener for key down */
-  tableKeyDown(e) {
-    if (this.disabled) {
-      return;
-    }
-    if ("ArrowDown" === e.key || "ArrowUp" === e.key || "ArrowLeft" === e.key || "ArrowRight" === e.key) {
-      e.preventDefault();
-    }
-    if (this.keys.length === 0 || this.keys[this.keys.length - 1] !== e.key) {
-      this.keys.push(e.key);
-    }
-    if (!(e.target instanceof Element)) {
-      return;
-    }
-    const cell = e.target.parentElement?.closest(`${this.selectors.Cell},${this.selectors.Row}`);
-    if (!cell) {
-      return;
-    }
-    if (cell.matches(this.selectors.Cell)) {
-      this.cellNavigation(e);
-    } else {
-      this.gridNavigation(e);
-    }
-  }
-  /**
-   * Handles the navigation inside a cell
-   */
-  cellNavigation(e) {
-    if (!(e.target instanceof Element)) {
-      return;
-    }
-    if (e.key === "Escape") {
-      const cell = e.target.closest(this.selectors.Cell);
-      if (cell && this.isFocusable(cell)) {
-        cell.focus();
-        return;
-      }
-    }
-    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-      const cell = e.target.closest(this.selectors.Cell);
-      if (!cell) {
-        return;
-      }
-      const focusableWidgets = [...cell.querySelectorAll(this.selectors.Focusable)];
-      const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);
-      const nextFocusable = widgetIdx === focusableWidgets.length - 1 ? 0 : widgetIdx + 1;
-      const widgetToFocus = focusableWidgets[nextFocusable];
-      if (this.isFocusable(widgetToFocus)) {
-        widgetToFocus.focus();
-      }
-      return;
-    }
-    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-      const cell = e.target.closest(this.selectors.Cell);
-      if (!cell) {
-        return;
-      }
-      const focusableWidgets = [...cell.querySelectorAll(this.selectors.Focusable)];
-      const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);
-      const previousFocusable = widgetIdx === 0 ? focusableWidgets.length - 1 : widgetIdx - 1;
-      const widgetToFocus = focusableWidgets[previousFocusable];
-      if (this.isFocusable(widgetToFocus)) {
-        widgetToFocus.focus();
-      }
-    }
-  }
-  /**
-   * Handles the navigation outside a cell
-   * on the grid level
-   */
-  gridNavigation(e) {
-    const { target } = e;
-    if (!(e.target instanceof Element)) {
-      return;
-    }
-    if (!(target instanceof Element)) {
-      return;
-    }
-    if (this.keys.length === 1) {
-      if (/^[a-zA-Z0-9]$/.test(e.key)) {
-        const cell = e.target.querySelector(this.selectors.Focusable);
-        if (cell && this.isFocusable(cell) && cell instanceof HTMLInputElement) {
-          cell.focus();
-          cell.value = `${cell.value}${e.key}`;
-          e.preventDefault();
-        }
-        return;
-      }
-      if (e.key === "Backspace") {
-        const cell = e.target.querySelector(this.selectors.Focusable);
-        if (cell && this.isFocusable(cell) && cell instanceof HTMLInputElement) {
-          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-          if (nativeInputValueSetter) {
-            nativeInputValueSetter.call(cell, "");
-            const ev = new Event("input", { bubbles: true });
-            cell.dispatchEvent(ev);
-          }
-        }
-        return;
-      }
-      if (e.key === "Enter") {
-        const cell = e.target.querySelector(this.selectors.Focusable);
-        if (cell && this.isFocusable(cell)) {
-          if (cell.getAttribute("data-type") === "select-trigger") {
-            cell.click();
-            return;
-          }
-          cell.focus();
-          e.preventDefault();
-        }
-        return;
-      }
-      if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-        const direction = e.key === "ArrowLeft" ? "prev" : "next";
-        const cell = e.target.closest(this.selectors.Cell);
-        let nextCell = null;
-        if (direction === "next" && cell?.nextElementSibling instanceof HTMLElement) {
-          nextCell = cell.nextElementSibling;
-        }
-        if (direction === "prev" && cell?.previousElementSibling instanceof HTMLElement) {
-          nextCell = cell.previousElementSibling;
-        }
-        if (nextCell && this.isFocusable(nextCell)) {
-          nextCell.focus();
-          e.preventDefault();
-        }
-      }
-      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-        this.verticalCellNavigation(e);
-        return;
-      }
-      if (e.key === "PageUp" || e.key === "PageDown") {
-        this.pageCellNavigation(e);
-        return;
-      }
-      if (e.key === "Home" || e.key === "End") {
-        const row = e.target.closest(this.selectors.Row);
-        const rowChildren = [...row?.children || []];
-        if (e.key === "End") {
-          rowChildren.reverse();
-        }
-        this.focusOnFirstCell(rowChildren);
-      }
-    } else {
-      const [firstKey, secondKey] = this.keys;
-      if (firstKey === "Control" && // oxlint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
-      (secondKey === "Home" || secondKey === "End")) {
-        const row = e.target.closest(this.selectors.Row);
-        const siblings = row.parentElement?.children;
-        if (!siblings) {
-          return;
-        }
-        const rowToFocus = secondKey === "Home" ? siblings[0] : siblings[siblings.length - 1];
-        const rowChildren = [...rowToFocus?.children || []];
-        if (secondKey === "End") {
-          rowChildren.reverse();
-        }
-        this.focusOnFirstCell(rowChildren);
-      }
-    }
-  }
-  pageCellNavigation(e) {
-    if (!(e.target instanceof Element)) {
-      return;
-    }
-    const row = e.target.closest(this.selectors.Row);
-    const cell = e.target.closest(this.selectors.Cell);
-    if (row && cell) {
-      const position = this.getColumnIndex(cell);
-      if (position === void 0) {
-        return;
-      }
-      const direction = e.key === "PageUp" ? "prev" : "next";
-      const siblings = row.parentElement?.children;
-      if (!siblings) {
-        return;
-      }
-      let destinationRow;
-      if (this.pageUpDown) {
-        const methodClbk = direction === "prev" ? "previousSibling" : "nextSibling";
-        let sibling = row[methodClbk];
-        if (sibling === null) {
-          return;
-        }
-        let lastVisitedSibling = sibling;
-        for (let i = 0; i < this.pageUpDown - 1 && sibling; i++) {
-          sibling = sibling[methodClbk];
-          if (sibling) {
-            lastVisitedSibling = sibling;
-          }
-        }
-        destinationRow = sibling || lastVisitedSibling;
-      } else {
-        destinationRow = direction === "prev" ? siblings[0] : siblings[siblings.length - 1];
-      }
-      if (!destinationRow || !(destinationRow instanceof Element)) {
-        return;
-      }
-      const child = destinationRow.children[position];
-      if (child && this.isFocusable(child)) {
-        child.focus();
-      }
-    }
-  }
-  verticalCellNavigation(e) {
-    if (!(e.target instanceof Element)) {
-      return;
-    }
-    const row = e.target.closest(this.selectors.Row);
-    const cell = e.target.closest(this.selectors.Cell);
-    if (row && cell) {
-      const cellPosition = this.getColumnIndex(cell);
-      const rowPosition = this.getRowIndex(row);
-      if (cellPosition === void 0 || rowPosition === void 0) {
-        return;
-      }
-      const direction = e.key === "ArrowUp" ? "prev" : "next";
-      if (rowPosition === 0 && direction === "prev") {
-        const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
-        const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
-        const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
-        if (currentRowGroupIdx !== 0) {
-          const previousRowGroup = siblingRowGroups[currentRowGroupIdx - 1];
-          const rows = [...previousRowGroup.querySelectorAll(this.selectors.Row)];
-          const child2 = rows[rows.length - 1].children[cellPosition];
-          if (child2 && this.isFocusable(child2)) {
-            child2.focus();
-          }
-          return;
-        }
-      }
-      const siblingRows = [...row.parentElement?.querySelectorAll(this.selectors.Row) || []];
-      if (rowPosition === siblingRows.length - 1 && direction === "next") {
-        const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
-        const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
-        const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
-        if (currentRowGroupIdx !== siblingRowGroups.length - 1) {
-          const nextRowGroup = siblingRowGroups[currentRowGroupIdx + 1];
-          const rows = [...nextRowGroup.querySelectorAll(this.selectors.Row)];
-          const child2 = rows[0].children[cellPosition];
-          if (child2 && this.isFocusable(child2)) {
-            child2.focus();
-          }
-          return;
-        }
-        return;
-      }
-      const destinationRow = this.findUntil(direction, row, this.selectors.Row);
-      if (!destinationRow) {
-        return;
-      }
-      const child = destinationRow.children[cellPosition];
-      if (child && this.isFocusable(child)) {
-        child.focus();
-      }
-    }
-  }
-  /**
-   * Sending a row `Element` and then the first cell will be focused.
-   *
-   * If you want to focus the last cell then the row children can be passed in
-   * reversed order
-   */
-  focusOnFirstCell(el) {
-    for (let i = 0; i < el.length; i++) {
-      const child = el[i];
-      if (this.isFocusable(child)) {
-        child.focus();
-        return;
-      }
-    }
-  }
-  /**
-   * Get the column index of a `cell` based on the first `row` parent.
-   * `cellIndex` could be used, but it's not supported in HTML tables.
-   */
-  getColumnIndex(cell) {
-    let position = 0;
-    const siblings = cell?.parentNode?.children;
-    if (!siblings) {
-      return void 0;
-    }
-    while (cell !== siblings[position] && siblings[position] !== void 0) {
-      position++;
-    }
-    if (siblings[position] === void 0) {
-      return void 0;
-    }
-    return position;
-  }
-  /**
-   * Get the row index of a `row` based
-   * on its sibling rows
-   */
-  getRowIndex(row) {
-    let position = 0;
-    const siblings = row?.parentNode?.children;
-    if (!siblings) {
-      return void 0;
-    }
-    while (row !== siblings[position] && siblings[position] !== void 0) {
-      position++;
-    }
-    if (siblings[position] === void 0) {
-      return void 0;
-    }
-    return position;
-  }
-  /**
-   * Equivalent to prevUntil/nextUntil in jQuery
-   * https://api.jquery.com/prevUntil/
-   */
-  // oxlint-disable-next-line class-methods-use-this
-  findUntil(direction, el, matchSelector, exitSelector) {
-    let element = el;
-    const method = direction === "next" ? "nextSibling" : "previousSibling";
-    while (element[method]) {
-      const sibling = element[method];
-      if (!sibling) {
-        return null;
-      }
-      if (exitSelector && sibling instanceof Element && sibling.matches(exitSelector)) {
-        return null;
-      }
-      if (sibling instanceof Element && sibling.matches(matchSelector)) {
-        return sibling;
-      }
-      element = sibling;
-    }
-    return null;
-  }
-}
-function useTableNav(options) {
-  const nav = new DataGridNav(options);
-  return {
-    listeners: {
-      onKeyDown: (e) => nav.tableKeyDown(e),
-      onKeyUp: () => nav.tableKeyUp()
-    },
-    tableNav: nav
-  };
-}
-export {
-  useTableNav
-};

package/dist/hooks/useTranslationMemo.js

@@ -1,14 +0,0 @@
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
-function useTranslationMemo(func) {
-  const { t } = useTranslation();
-  return useMemo(() => {
-    if (func.length === 1) {
-      return func(t);
-    }
-    return func();
-  }, [func, t]);
-}
-export {
-  useTranslationMemo
-};

package/dist/utils/array.utils.js

@@ -1,12 +0,0 @@
-var ArrayUtils;
-((ArrayUtils2) => {
-  ArrayUtils2.fromCommaSeparatedStr = (str) => {
-    if (!str) {
-      return [];
-    }
-    return str.split(",").map((item) => item.trim());
-  };
-})(ArrayUtils || (ArrayUtils = {}));
-export {
-  ArrayUtils
-};

package/dist/utils/compoundMapper.js

@@ -1,14 +0,0 @@
-const compoundMapper = (config) => {
-  return (props) => {
-    const variant = config.compoundVariants?.find((v) => {
-      return Object.entries(v).filter(([key]) => key !== "value").every(([key, value]) => {
-        const prop = props[key] || config.defaultVariants?.[key];
-        return Array.isArray(value) ? value.includes(prop) : prop === value;
-      });
-    });
-    return variant?.value ?? config.default;
-  };
-};
-export {
-  compoundMapper
-};

package/dist/utils/date-time.utils.js

@@ -1,77 +0,0 @@
-import { parseAbsoluteToLocal, getLocalTimeZone, fromDate, CalendarDateTime, CalendarDate, parseAbsolute } from "@internationalized/date";
-var DateTimeUtils;
-((DateTimeUtils2) => {
-  function fromISOtoZonedDateTime(isoString) {
-    return parseAbsoluteToLocal(isoString);
-  }
-  DateTimeUtils2.fromISOtoZonedDateTime = fromISOtoZonedDateTime;
-  function fromDateValueToISO(dateValue) {
-    return dateValue.toDate(getLocalTimeZone()).toISOString();
-  }
-  DateTimeUtils2.fromDateValueToISO = fromDateValueToISO;
-  function fromLocalToZonedDateTime(date) {
-    return fromDate(date, getLocalTimeZone());
-  }
-  DateTimeUtils2.fromLocalToZonedDateTime = fromLocalToZonedDateTime;
-  function fromDateValueToLocal(dateValue) {
-    return dateValue.toDate(getLocalTimeZone());
-  }
-  DateTimeUtils2.fromDateValueToLocal = fromDateValueToLocal;
-  function fromCalendarDateToUTCISO(calendarDate, options = {}) {
-    if (options.endOfDay) {
-      const calendarDateTime = new CalendarDateTime(
-        calendarDate.year,
-        calendarDate.month,
-        calendarDate.day,
-        23,
-        59,
-        59,
-        999
-      );
-      return calendarDateTime.toDate("UTC").toISOString();
-    }
-    return calendarDate.toDate("UTC").toISOString();
-  }
-  DateTimeUtils2.fromCalendarDateToUTCISO = fromCalendarDateToUTCISO;
-  function fromUTCISOToCalendarDate(isoString) {
-    const date = new Date(isoString);
-    return new CalendarDate(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate());
-  }
-  DateTimeUtils2.fromUTCISOToCalendarDate = fromUTCISOToCalendarDate;
-  function fromCalendarDateTimeToUTCISO(calendarDateTime) {
-    return calendarDateTime.toDate("UTC").toISOString();
-  }
-  DateTimeUtils2.fromCalendarDateTimeToUTCISO = fromCalendarDateTimeToUTCISO;
-  function fromUTCISOToCalendarDateTime(isoString) {
-    const zonedDateTime = parseAbsolute(isoString, "UTC");
-    return new CalendarDateTime(
-      zonedDateTime.year,
-      zonedDateTime.month,
-      zonedDateTime.day,
-      zonedDateTime.hour,
-      zonedDateTime.minute,
-      zonedDateTime.second,
-      zonedDateTime.millisecond
-    );
-  }
-  DateTimeUtils2.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
-  function formatTextDateToCalendarDateTime(textDate) {
-    if (!textDate?.includes("hh")) {
-      return null;
-    }
-    const datePart = textDate.split(",").at(0)?.trim();
-    if (!datePart) {
-      return null;
-    }
-    const date = new Date(datePart);
-    if (!date || date.toString() === "Invalid Date") {
-      return null;
-    }
-    const zonedDateTime = fromDate(date, getLocalTimeZone());
-    return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, 0, 0, 0, 0);
-  }
-  DateTimeUtils2.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
-})(DateTimeUtils || (DateTimeUtils = {}));
-export {
-  DateTimeUtils
-};

package/dist/utils/date.utils.js

@@ -1,23 +0,0 @@
-import { DateTime } from "luxon";
-var DateUtils;
-((DateUtils2) => {
-  const DATE_FORMAT = "dd/MM/yyyy";
-  const DATETIME_FORMAT = "dd/MM/yyyy HH:mm:ss";
-  function formatDate(date, format = DATE_FORMAT) {
-    return DateTime.fromJSDate(date).toFormat(format);
-  }
-  DateUtils2.formatDate = formatDate;
-  function formatRelativeTime(date, options) {
-    const dateTime = typeof date === "string" ? DateTime.fromISO(date) : DateTime.fromJSDate(date);
-    if (!dateTime.isValid) {
-      const dateObj = typeof date === "string" ? new Date(date) : date;
-      return formatDate(dateObj, DATETIME_FORMAT);
-    }
-    const relative = dateTime.toRelative(options);
-    return relative || formatDate(dateTime.toJSDate(), DATETIME_FORMAT);
-  }
-  DateUtils2.formatRelativeTime = formatRelativeTime;
-})(DateUtils || (DateUtils = {}));
-export {
-  DateUtils
-};

package/dist/utils/dom.utils.js

@@ -1,13 +0,0 @@
-var DomUtils;
-((DomUtils2) => {
-  const KEYBOARD_INPUTS = /* @__PURE__ */ new Set(["button", "submit", "checkbox", "file", "image"]);
-  DomUtils2.isKeyboardInput = (elem) => {
-    return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.hasAttribute("contenteditable");
-  };
-  DomUtils2.isKeyboardEvent = (event) => {
-    return event.nativeEvent instanceof KeyboardEvent;
-  };
-})(DomUtils || (DomUtils = {}));
-export {
-  DomUtils
-};

package/dist/utils/file.utils.js

@@ -1,63 +0,0 @@
-import { RestUtils } from "./rest.utils.js";
-var FileUtils;
-((FileUtils2) => {
-  FileUtils2.getObjectUrl = (data, revokeTimeoutMs = 4e4) => {
-    const url = URL.createObjectURL(data instanceof Blob ? data : data.data);
-    setTimeout(() => URL.revokeObjectURL(url), revokeTimeoutMs);
-    return url;
-  };
-  FileUtils2.openFile = (data, target = "_blank", revokeTimeoutMs) => {
-    const url = (0, FileUtils2.getObjectUrl)(data, revokeTimeoutMs);
-    window.open(url, target);
-  };
-  FileUtils2.downloadFile = (data, fileName, revokeTimeoutMs) => {
-    const url = (0, FileUtils2.getObjectUrl)(data, revokeTimeoutMs);
-    const contentDispositionFileName = data instanceof Blob ? void 0 : RestUtils.extractContentDispositionFilename(data.headers);
-    const a = document.createElement("a");
-    a.download = fileName ?? contentDispositionFileName ?? "download";
-    a.rel = "noopener";
-    a.href = url;
-    setTimeout(() => a.dispatchEvent(new MouseEvent("click")));
-  };
-  FileUtils2.isFileTypeAccepted = (file, fileTypes) => {
-    if (!fileTypes || fileTypes.length === 0) {
-      return true;
-    }
-    return fileTypes.some((type) => {
-      if (type.includes("/")) {
-        return file.type === type || type.endsWith("/*") && file.type.startsWith(type.slice(0, -1));
-      }
-      return file.name.toLowerCase().endsWith(type.toLowerCase());
-    });
-  };
-  FileUtils2.getCalculatedFileSize = (file) => {
-    if (!file) {
-      return "";
-    }
-    if (file.size < 1024) {
-      return `${file.size} B`;
-    }
-    if (file.size < 1024 * 1024) {
-      return `${(file.size / 1024).toFixed(2)} KB`;
-    }
-    if (file.size < 1024 * 1024 * 1024) {
-      return `${(file.size / 1024 / 1024).toFixed(2)} MB`;
-    }
-    return `${(file.size / 1024 / 1024 / 1024).toFixed(2)} GB`;
-  };
-  FileUtils2.formatBytes = (size, decimals = 2) => {
-    if (size < 1024) {
-      return `${size} B`;
-    }
-    if (size < 1024 * 1024) {
-      return `${(size / 1024).toFixed(decimals)} KB`;
-    }
-    if (size < 1024 * 1024 * 1024) {
-      return `${(size / 1024 / 1024).toFixed(decimals)} MB`;
-    }
-    return `${(size / 1024 / 1024 / 1024).toFixed(decimals)} GB`;
-  };
-})(FileUtils || (FileUtils = {}));
-export {
-  FileUtils
-};