@htlkg/components 0.0.3 → 0.0.4

package/dist/composables/index.js

@@ -1,767 +1,34 @@
-// src/composables/useTable.ts
-import { ref, computed, unref } from "vue";
-function useTable(options) {
-  const idKey = options.idKey ?? "id";
-  const items = computed(() => {
-    try {
-      const unwrapped = unref(options.items);
-      if (!unwrapped) return [];
-      if (!Array.isArray(unwrapped)) {
-        console.warn("useTable: items is not an array", unwrapped);
-        return [];
-      }
-      return unwrapped;
-    } catch (error) {
-      console.error("useTable: Error unwrapping items", error);
-      return [];
-    }
-  });
-  const currentPage = ref(1);
-  const pageSize = ref(options.pageSize ?? 10);
-  const sortKey = ref(options.sortKey ?? "");
-  const sortOrder = ref(options.sortOrder ?? "asc");
-  const selectedItems = ref([]);
-  const selectedItemIds = ref(/* @__PURE__ */ new Set());
-  const resetSelected = ref(false);
-  const activeFilters = ref([]);
-  const hiddenColumns = ref([]);
-  const filteredItems = computed(() => {
-    const filters = Array.isArray(activeFilters.value) ? activeFilters.value : [];
-    if (filters.length === 0) return items.value;
-    return items.value.filter((item) => {
-      return filters.every((filter) => {
-        const { category, operator, value } = filter;
-        if (value === void 0 || value === null || value === "") return true;
-        const itemValue = item[category];
-        switch (operator) {
-          case "contains":
-            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());
-          case "is":
-          case "=":
-            return itemValue === value;
-          case ">":
-          case "greater":
-            return Number(itemValue) > Number(value);
-          case "<":
-          case "less":
-            return Number(itemValue) < Number(value);
-          case ">=":
-          case "greaterOrEqual":
-            return Number(itemValue) >= Number(value);
-          case "<=":
-          case "lessOrEqual":
-            return Number(itemValue) <= Number(value);
-          default:
-            return String(itemValue).toLowerCase().includes(String(value).toLowerCase());
-        }
-      });
-    });
-  });
-  const sortedItems = computed(() => {
-    if (!sortKey.value) return filteredItems.value;
-    return [...filteredItems.value].sort((a, b) => {
-      const aVal = a[sortKey.value];
-      const bVal = b[sortKey.value];
-      const order = sortOrder.value === "asc" ? 1 : -1;
-      if (aVal === bVal) return 0;
-      if (aVal == null) return 1;
-      if (bVal == null) return -1;
-      if (typeof aVal === "string" && typeof bVal === "string") {
-        return aVal.localeCompare(bVal) * order;
-      }
-      return aVal > bVal ? order : -order;
-    });
-  });
-  const paginatedItems = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value;
-    const end = start + pageSize.value;
-    return sortedItems.value.slice(start, end);
-  });
-  const totalPages = computed(
-    () => Math.ceil(sortedItems.value.length / pageSize.value)
-  );
-  const totalItems = computed(() => sortedItems.value.length);
-  const allSelected = computed(() => {
-    if (items.value.length === 0) return false;
-    return selectedItemIds.value.size === items.value.length;
-  });
-  const someSelected = computed(() => {
-    return selectedItemIds.value.size > 0 && !allSelected.value;
-  });
-  function setPage(page) {
-    if (page >= 1 && page <= totalPages.value) {
-      currentPage.value = page;
-    }
-  }
-  function setPageSize(size) {
-    pageSize.value = size;
-    currentPage.value = 1;
-  }
-  function handlePageChange(page) {
-    setPage(page);
-  }
-  function handlePageSizeChange(size) {
-    const numSize = typeof size === "string" ? parseInt(size) : size;
-    setPageSize(numSize);
-  }
-  function setSorting(key, order = "asc") {
-    if (sortKey.value === key) {
-      sortOrder.value = sortOrder.value === "asc" ? "desc" : "asc";
-    } else {
-      sortKey.value = key;
-      sortOrder.value = order;
-    }
-  }
-  function handleOrderBy(event) {
-    sortKey.value = event.value;
-    sortOrder.value = event.orderDirection;
-  }
-  function getItemId(item) {
-    return item[idKey];
-  }
-  function selectItem(item) {
-    const id = getItemId(item);
-    if (!selectedItemIds.value.has(id)) {
-      selectedItemIds.value.add(id);
-      selectedItems.value.push(item);
-    }
-  }
-  function deselectItem(item) {
-    const id = getItemId(item);
-    if (selectedItemIds.value.has(id)) {
-      selectedItemIds.value.delete(id);
-      const index = selectedItems.value.findIndex((i) => getItemId(i) === id);
-      if (index !== -1) {
-        selectedItems.value.splice(index, 1);
-      }
-    }
-  }
-  function selectAll() {
-    selectedItemIds.value.clear();
-    selectedItems.value.length = 0;
-    items.value.forEach((item) => {
-      const id = getItemId(item);
-      selectedItemIds.value.add(id);
-      selectedItems.value.push(item);
-    });
-  }
-  function selectAllOnPage() {
-    paginatedItems.value.forEach((item) => {
-      selectItem(item);
-    });
-  }
-  function clearSelection() {
-    selectedItemIds.value.clear();
-    selectedItems.value.length = 0;
-    resetSelected.value = true;
-    setTimeout(() => {
-      resetSelected.value = false;
-    }, 100);
-  }
-  function isSelected(item) {
-    const id = getItemId(item);
-    return selectedItemIds.value.has(id);
-  }
-  function applyFilters(filters) {
-    if (Array.isArray(filters)) {
-      activeFilters.value = filters;
-    } else if (filters && typeof filters === "object") {
-      if ("filters" in filters && Array.isArray(filters.filters)) {
-        activeFilters.value = filters.filters;
-      } else {
-        activeFilters.value = Object.entries(filters).filter(([_, value]) => value !== void 0 && value !== null && value !== "").map(([key, value]) => ({
-          category: key,
-          operator: "contains",
-          value
-        }));
-      }
-    } else {
-      activeFilters.value = [];
-    }
-    currentPage.value = 1;
-  }
-  function clearFilters() {
-    activeFilters.value = [];
-    currentPage.value = 1;
-  }
-  function removeFilter(index) {
-    if (index >= 0 && index < activeFilters.value.length) {
-      activeFilters.value.splice(index, 1);
-      currentPage.value = 1;
-    }
-  }
-  function handleSmartFiltersApplied(filters) {
-    applyFilters(filters);
-  }
-  function handleSmartFiltersCleared() {
-    clearFilters();
-  }
-  function handleSmartFilterDeleted(index) {
-    removeFilter(index);
-  }
-  function toggleColumn(index) {
-    const hiddenIndex = hiddenColumns.value.indexOf(index);
-    if (hiddenIndex > -1) {
-      hiddenColumns.value.splice(hiddenIndex, 1);
-    } else {
-      hiddenColumns.value.push(index);
-    }
-  }
-  function showColumn(index) {
-    const hiddenIndex = hiddenColumns.value.indexOf(index);
-    if (hiddenIndex > -1) {
-      hiddenColumns.value.splice(hiddenIndex, 1);
-    }
-  }
-  function hideColumn(index) {
-    if (!hiddenColumns.value.includes(index)) {
-      hiddenColumns.value.push(index);
-    }
-  }
-  function handleColumnsVisibilityChanged(event) {
-    if (event.hidden) {
-      hideColumn(event.index);
-    } else {
-      showColumn(event.index);
-    }
-  }
-  function handleModalAction(event) {
-    if (event.modal === "selectAllItemsModal" || event.modal.includes("selectAll")) {
-      if (event.action === "selectAll") {
-        selectAll();
-      } else if (event.action === "close") {
-        selectAllOnPage();
-      }
-    }
-  }
-  return {
-    // Pagination
-    currentPage,
-    pageSize,
-    totalPages,
-    totalItems,
-    paginatedItems,
-    // Sorting
-    sortKey,
-    sortOrder,
-    sortedItems,
-    // Selection
-    selectedItems,
-    selectedItemIds,
-    allSelected,
-    someSelected,
-    // Filtering
-    activeFilters,
-    filteredItems,
-    // Column visibility
-    hiddenColumns,
-    // Reset state
-    resetSelected,
-    // Methods - Pagination
-    setPage,
-    setPageSize,
-    handlePageChange,
-    handlePageSizeChange,
-    // Methods - Sorting
-    setSorting,
-    handleOrderBy,
-    // Methods - Selection
-    selectItem,
-    deselectItem,
-    selectAll,
-    selectAllOnPage,
-    clearSelection,
-    isSelected,
-    // Methods - Filtering
-    applyFilters,
-    clearFilters,
-    removeFilter,
-    handleSmartFiltersApplied,
-    handleSmartFiltersCleared,
-    handleSmartFilterDeleted,
-    // Methods - Column visibility
-    toggleColumn,
-    showColumn,
-    hideColumn,
-    handleColumnsVisibilityChanged,
-    // Methods - Modal actions
-    handleModalAction
-  };
-}
-
-// src/composables/useModal.ts
-import { ref as ref2 } from "vue";
-function useModal(options = {}) {
-  const isOpen = ref2(options.initialOpen ?? false);
-  function open() {
-    isOpen.value = true;
-    options.onOpen?.();
-  }
-  function close() {
-    isOpen.value = false;
-    options.onClose?.();
-  }
-  function toggle() {
-    if (isOpen.value) {
-      close();
-    } else {
-      open();
-    }
-  }
-  return {
-    isOpen,
-    open,
-    close,
-    toggle
-  };
-}
-
-// src/composables/useTabs.ts
-import { ref as ref3, computed as computed2 } from "vue";
-function useTabs(options) {
-  const tabs = ref3(options.tabs);
-  const activeTab = ref3(
-    options.initialTab || (tabs.value.length > 0 ? tabs.value[0].id : "")
-  );
-  const currentTabIndex = computed2(
-    () => tabs.value.findIndex((tab) => tab.id === activeTab.value)
-  );
-  const isFirstTab = computed2(() => currentTabIndex.value === 0);
-  const isLastTab = computed2(
-    () => currentTabIndex.value === tabs.value.length - 1
-  );
-  function setActiveTab(tabId) {
-    const tab = tabs.value.find((t) => t.id === tabId);
-    if (tab && !tab.disabled) {
-      activeTab.value = tabId;
-      options.onChange?.(tabId);
-    }
-  }
-  function nextTab() {
-    if (!isLastTab.value) {
-      const nextIndex = currentTabIndex.value + 1;
-      const nextTab2 = tabs.value[nextIndex];
-      if (nextTab2 && !nextTab2.disabled) {
-        setActiveTab(nextTab2.id);
-      } else if (nextIndex < tabs.value.length - 1) {
-        activeTab.value = nextTab2.id;
-        nextTab2();
-      }
-    }
-  }
-  function previousTab() {
-    if (!isFirstTab.value) {
-      const prevIndex = currentTabIndex.value - 1;
-      const prevTab = tabs.value[prevIndex];
-      if (prevTab && !prevTab.disabled) {
-        setActiveTab(prevTab.id);
-      } else if (prevIndex > 0) {
-        activeTab.value = prevTab.id;
-        previousTab();
-      }
-    }
-  }
-  function isTabActive(tabId) {
-    return activeTab.value === tabId;
-  }
-  function isTabDisabled(tabId) {
-    const tab = tabs.value.find((t) => t.id === tabId);
-    return tab?.disabled ?? false;
-  }
-  return {
-    activeTab,
-    tabs,
-    currentTabIndex,
-    isFirstTab,
-    isLastTab,
-    setActiveTab,
-    nextTab,
-    previousTab,
-    isTabActive,
-    isTabDisabled
-  };
-}
-
-// src/composables/useForm.ts
-import { ref as ref4, computed as computed3 } from "vue";
-function useForm(options) {
-  const values = ref4({ ...options.initialValues });
-  const errors = ref4({});
-  const touched = ref4({});
-  const isSubmitting = ref4(false);
-  const isValid = computed3(() => Object.keys(errors.value).length === 0);
-  function setFieldValue(field, value) {
-    values.value[field] = value;
-  }
-  function setFieldError(field, error) {
-    errors.value[field] = error;
-  }
-  function setFieldTouched(field, isTouched) {
-    touched.value[field] = isTouched;
-  }
-  async function validateField(field) {
-    const rules = options.validationRules?.[field];
-    if (!rules || rules.length === 0) return true;
-    const value = values.value[field];
-    for (const rule of rules) {
-      const isValid2 = await rule.validate(value);
-      if (!isValid2) {
-        setFieldError(field, rule.message);
-        return false;
-      }
-    }
-    delete errors.value[field];
-    return true;
-  }
-  async function validateForm() {
-    const fields = Object.keys(values.value);
-    const validationResults = await Promise.all(
-      fields.map((field) => validateField(field))
-    );
-    return validationResults.every((result) => result);
-  }
-  async function handleSubmit(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    if (isSubmitting.value) return;
-    for (const field of Object.keys(values.value)) {
-      setFieldTouched(field, true);
-    }
-    const isFormValid = await validateForm();
-    if (!isFormValid) return;
-    isSubmitting.value = true;
-    try {
-      await options.onSubmit?.(values.value);
-    } finally {
-      isSubmitting.value = false;
-    }
-  }
-  function resetForm() {
-    values.value = { ...options.initialValues };
-    errors.value = {};
-    touched.value = {};
-    isSubmitting.value = false;
-  }
-  return {
-    values,
-    errors,
-    touched,
-    isSubmitting,
-    isValid,
-    setFieldValue,
-    setFieldError,
-    setFieldTouched,
-    validateField,
-    validateForm,
-    handleSubmit,
-    resetForm
-  };
-}
-
-// src/composables/useFormValidation.ts
-var required = (message = "This field is required") => ({
-  validate: (value) => {
-    if (value === null || value === void 0) return false;
-    if (typeof value === "string") return value.trim().length > 0;
-    if (Array.isArray(value)) return value.length > 0;
-    return true;
-  },
-  message
-});
-var minLength = (min2, message) => ({
-  validate: (value) => {
-    if (!value) return true;
-    return value.length >= min2;
-  },
-  message: message || `Must be at least ${min2} characters`
-});
-var maxLength = (max2, message) => ({
-  validate: (value) => {
-    if (!value) return true;
-    return value.length <= max2;
-  },
-  message: message || `Must be at most ${max2} characters`
-});
-var email = (message = "Invalid email address") => ({
-  validate: (value) => {
-    if (!value) return true;
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(value);
-  },
-  message
-});
-var pattern = (regex, message = "Invalid format") => ({
-  validate: (value) => {
-    if (!value) return true;
-    return regex.test(value);
-  },
-  message
-});
-var min = (minValue, message) => ({
-  validate: (value) => {
-    if (value === null || value === void 0) return true;
-    return value >= minValue;
-  },
-  message: message || `Must be at least ${minValue}`
-});
-var max = (maxValue, message) => ({
-  validate: (value) => {
-    if (value === null || value === void 0) return true;
-    return value <= maxValue;
-  },
-  message: message || `Must be at most ${maxValue}`
-});
-var custom = (validator, message) => ({
-  validate: validator,
-  message
-});
-function useFormValidation() {
-  return {
-    required,
-    minLength,
-    maxLength,
-    email,
-    pattern,
-    min,
-    max,
-    custom
-  };
-}
-
-// src/composables/useNotifications.ts
-import { ref as ref5 } from "vue";
-var notifications = ref5([]);
-function useNotifications() {
-  function addNotification(notification) {
-    const id = `notification-${Date.now()}-${Math.random()}`;
-    const newNotification = {
-      ...notification,
-      id
-    };
-    notifications.value.push(newNotification);
-    if (notification.duration) {
-      setTimeout(() => {
-        removeNotification(id);
-      }, notification.duration);
-    }
-    return id;
-  }
-  function removeNotification(id) {
-    const index = notifications.value.findIndex((n) => n.id === id);
-    if (index !== -1) {
-      notifications.value.splice(index, 1);
-    }
-  }
-  function clearAll() {
-    notifications.value = [];
-  }
-  function info(message, duration = 3e3) {
-    return addNotification({ message, type: "info", duration });
-  }
-  function success(message, duration = 3e3) {
-    return addNotification({ message, type: "success", duration });
-  }
-  function warning(message, duration = 3e3) {
-    return addNotification({ message, type: "warning", duration });
-  }
-  function error(message, duration = 5e3) {
-    return addNotification({ message, type: "error", duration });
-  }
-  return {
-    notifications,
-    addNotification,
-    removeNotification,
-    clearAll,
-    info,
-    success,
-    warning,
-    error
-  };
-}
-
-// src/composables/usePageContext.ts
-import { computed as computed4, inject } from "vue";
-
-// ../../node_modules/.pnpm/@nanostores+vue@1.0.1_@nanostores+logger@1.0.0_nanostores@1.1.0__nanostores@1.1.0_vue@3.5.25_typescript@5.9.3_/node_modules/@nanostores/vue/use-store/index.js
-import {
-  getCurrentInstance,
-  getCurrentScope,
-  onScopeDispose,
-  readonly,
-  shallowRef
-} from "vue";
-function registerStore(store) {
-  let instance = getCurrentInstance();
-  if (instance && instance.proxy) {
-    let vm = instance.proxy;
-    let cache = "_nanostores" in vm ? vm._nanostores : vm._nanostores = [];
-    cache.push(store);
-  }
-}
-function useStore(store) {
-  let state = shallowRef();
-  let unsubscribe = store.subscribe((value) => {
-    state.value = value;
-  });
-  getCurrentScope() && onScopeDispose(unsubscribe);
-  if (process.env.NODE_ENV !== "production") {
-    registerStore(store);
-    return readonly(state);
-  }
-  return state;
-}
-
-// ../../node_modules/.pnpm/nanostores@1.1.0/node_modules/nanostores/clean-stores/index.js
-var clean = /* @__PURE__ */ Symbol("clean");
-
-// ../../node_modules/.pnpm/nanostores@1.1.0/node_modules/nanostores/atom/index.js
-var listenerQueue = [];
-var lqIndex = 0;
-var QUEUE_ITEMS_PER_LISTENER = 4;
-var epoch = 0;
-var atom = /* @__NO_SIDE_EFFECTS__ */ (initialValue) => {
-  let listeners = [];
-  let $atom = {
-    get() {
-      if (!$atom.lc) {
-        $atom.listen(() => {
-        })();
-      }
-      return $atom.value;
-    },
-    lc: 0,
-    listen(listener) {
-      $atom.lc = listeners.push(listener);
-      return () => {
-        for (let i = lqIndex + QUEUE_ITEMS_PER_LISTENER; i < listenerQueue.length; ) {
-          if (listenerQueue[i] === listener) {
-            listenerQueue.splice(i, QUEUE_ITEMS_PER_LISTENER);
-          } else {
-            i += QUEUE_ITEMS_PER_LISTENER;
-          }
-        }
-        let index = listeners.indexOf(listener);
-        if (~index) {
-          listeners.splice(index, 1);
-          if (!--$atom.lc) $atom.off();
-        }
-      };
-    },
-    notify(oldValue, changedKey) {
-      epoch++;
-      let runListenerQueue = !listenerQueue.length;
-      for (let listener of listeners) {
-        listenerQueue.push(listener, $atom.value, oldValue, changedKey);
-      }
-      if (runListenerQueue) {
-        for (lqIndex = 0; lqIndex < listenerQueue.length; lqIndex += QUEUE_ITEMS_PER_LISTENER) {
-          listenerQueue[lqIndex](
-            listenerQueue[lqIndex + 1],
-            listenerQueue[lqIndex + 2],
-            listenerQueue[lqIndex + 3]
-          );
-        }
-        listenerQueue.length = 0;
-      }
-    },
-    /* It will be called on last listener unsubscribing.
-       We will redefine it in onMount and onStop. */
-    off() {
-    },
-    set(newValue) {
-      let oldValue = $atom.value;
-      if (oldValue !== newValue) {
-        $atom.value = newValue;
-        $atom.notify(oldValue);
-      }
-    },
-    subscribe(listener) {
-      let unbind = $atom.listen(listener);
-      listener($atom.value);
-      return unbind;
-    },
-    value: initialValue
-  };
-  if (process.env.NODE_ENV !== "production") {
-    $atom[clean] = () => {
-      listeners = [];
-      $atom.lc = 0;
-      $atom.off();
-    };
-  }
-  return $atom;
-};
-
-// src/composables/usePageContext.ts
-import { routes } from "@htlkg/core";
-var PAGE_CONTEXT_KEY = /* @__PURE__ */ Symbol("pageContext");
-var $user = atom(null);
-var $currentBrand = atom(null);
-function setUser(user) {
-  $user.set(user);
-}
-function setCurrentBrand(brand) {
-  $currentBrand.set(brand);
-}
-function usePageContext() {
-  const injected = inject(PAGE_CONTEXT_KEY, null);
-  if (injected) {
-    return computed4(() => injected);
-  }
-  const user = useStore($user);
-  const brand = useStore($currentBrand);
-  return computed4(() => ({
-    user: user.value,
-    brand: brand.value ?? void 0,
-    brandId: brand.value?.id,
-    isAdmin: user.value?.isAdmin ?? false,
-    isSuperAdmin: user.value?.isSuperAdmin ?? false,
-    routes
-  }));
-}
-function useHasAccessToBrand(brandId) {
-  const context = usePageContext();
-  return computed4(() => {
-    const user = context.value.user;
-    if (!user) return false;
-    if (user.isAdmin || user.isSuperAdmin) return true;
-    return user.brandIds?.includes(brandId) ?? false;
-  });
-}
-function useHasAccessToAccount(accountId) {
-  const context = usePageContext();
-  return computed4(() => {
-    const user = context.value.user;
-    if (!user) return false;
-    if (user.isAdmin || user.isSuperAdmin) return true;
-    return user.accountIds?.includes(accountId) ?? false;
-  });
-}
-function useUserRoles() {
-  const context = usePageContext();
-  return computed4(() => context.value.user?.roles ?? []);
-}
-function useHasRole(role) {
-  const roles = useUserRoles();
-  return computed4(() => roles.value.includes(role));
-}
+import { u } from "../useTable-DutR1gkg.js";
+import { k, $, P, p, n, q, v, j, s, o, w, r, y, b, z, c, t, g, f, i, x, u as u2, d, e, m, a, h, l } from "../useAdminPage-GhgXp0x8.js";
 export {
-  $currentBrand,
-  $user,
-  PAGE_CONTEXT_KEY,
-  setCurrentBrand,
-  setUser,
-  useForm,
-  useFormValidation,
-  useHasAccessToAccount,
-  useHasAccessToBrand,
-  useHasRole,
-  useModal,
-  useNotifications,
-  usePageContext,
-  useTable,
-  useTabs,
-  useUserRoles
+  k as $currentBrand,
+  $ as $user,
+  P as PAGE_CONTEXT_KEY,
+  p as averageStat,
+  n as countStat,
+  q as percentageStat,
+  v as resetGlobalConfirmation,
+  j as setCurrentBrand,
+  s as setUser,
+  o as sumStat,
+  w as useAdminPage,
+  r as useConfirmation,
+  y as useDetailPage,
+  b as useForm,
+  z as useFormPage,
+  c as useFormValidation,
+  t as useGlobalConfirmation,
+  g as useHasAccessToAccount,
+  f as useHasAccessToBrand,
+  i as useHasRole,
+  x as useListPage,
+  u2 as useModal,
+  d as useNotifications,
+  e as usePageContext,
+  m as useStats,
+  u as useTable,
+  a as useTabs,
+  h as useUserRoles,
+  l as useWizard
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map