@lunejs/admin-ui 0.1.3 → 0.1.5

package/dist/lib/api/fetchers/gql-fetcher.js

@@ -1,18 +1,18 @@
-import { ClientError as c } from "../../../node_modules/graphql-request/build/legacy/classes/ClientError.js";
+import { ClientError as a } from "../../../node_modules/graphql-request/build/legacy/classes/ClientError.js";
 import { gqlClient as o } from "../../../app/app.js";
-import { getCookie as t, setCookie as a } from "../../../shared/cookies/cookies.js";
+import { getCookie as t, setCookie as m } from "../../../shared/cookies/cookies.js";
 import { CookiesKeys as r } from "../../../shared/cookies/keys.js";
-async function l(i, n) {
+async function d(i, n) {
   try {
     const e = t(r.UserToken), s = t(r.ActiveShop);
-    return o.setHeader("Authorization", e ? `Bearer ${e}` : ""), o.setHeader("x_lune_shop_id", s ?? ""), await o.request({
+    return o.setHeader("Authorization", e ? `Bearer ${e}` : ""), o.setHeader("x_lune_shop_id", s ?? ""), o.setHeader("x_lune_timezone", Intl.DateTimeFormat().resolvedOptions().timeZone), await o.request({
       document: i,
       variables: n
     });
   } catch (e) {
-    throw e instanceof c && e.response.errors?.[0].extensions.code === "UNAUTHORIZED" && (a(r.UserToken, ""), window.location.href = "/login"), e;
+    throw e instanceof a && e.response.errors?.[0].extensions.code === "UNAUTHORIZED" && (m(r.UserToken, ""), window.location.href = "/login"), e;
   }
 }
 export {
-  l as gqlFetcher
+  d as gqlFetcher
 };

package/dist/lib/asset/components/table/use-assets-table.js

@@ -1,37 +1,40 @@
-import { useEffect as g, useMemo as c } from "react";
-import { useDataTable as d } from "../../../../shared/components/data-table/use-data-table.js";
+import { useEffect as d, useMemo as c } from "react";
+import { useDataTable as g } from "../../../../shared/components/data-table/use-data-table.js";
 import { getSkip as h } from "../../../../shared/utils/pagination.utils.js";
 import { useAssetsCount as A } from "../../hooks/use-assets-count.js";
 import { useGetAssets as b } from "../../hooks/use-get-assets.js";
 const z = () => {
-  const o = d({
+  const a = g({
     search: ""
-  }), { filters: e, pagination: t } = o, { isLoading: a, count: n } = A(), {
+  }), { filters: e, pagination: t } = a, { isLoading: o, count: n } = A(), {
     isLoading: s,
     isRefetching: m,
     assets: i,
     pagination: { pageInfo: p },
     refetch: f
-  } = b({
-    filters: {
-      ...e.search && { filename: { contains: e.search } }
+  } = b(
+    {
+      filters: {
+        ...e.search && { filename: { contains: e.search } }
+      },
+      skip: h(t.page, t.size),
+      take: t.size
     },
-    skip: h(t.page, t.size),
-    take: t.size
-  });
-  g(() => {
+    "data-table"
+  );
+  d(() => {
     f();
   }, [e, t]);
-  const u = c(
+  const l = c(
     () => i?.map((r) => ({ ...r, createdAt: new Date(r.createdAt) })) ?? [],
     [i]
-  ), l = c(() => !s && !a && !n, [s, a, n]);
+  ), u = c(() => !s && !o && !n, [s, o, n]);
   return {
-    dataTable: o,
+    dataTable: a,
     isLoading: s,
     isRefetching: m,
-    shouldRenderEmptyState: l,
-    assets: u,
+    shouldRenderEmptyState: u,
+    assets: l,
     totalRows: p?.total ?? 0
   };
 };

package/dist/lib/asset/hooks/use-get-assets.d.ts

@@ -1,7 +1,7 @@
 import { AssetListInput, CommonAssetFragment, GetAllAssetsQueryQuery } from '../../api/types';
 import { GraphQLError } from 'graphql';
 import { RefetchOptions, QueryObserverResult, FetchStatus } from '@tanstack/query-core';
-export declare const useGetAssets: (input?: AssetListInput) => {
+export declare const useGetAssets: (input?: AssetListInput, key?: string) => {
     assets: CommonAssetFragment[];
     pagination: {
         count: number | undefined;

package/dist/lib/asset/hooks/use-get-assets.js

@@ -1,22 +1,22 @@
-import { useMemo as m } from "react";
-import { useGqlQuery as n } from "../../api/fetchers/use-gql-query.js";
-import { GET_ALL_ASSETS_QUERY as i, COMMON_ASSET_FRAGMENT as p } from "../../api/operations/asset.operations.js";
-import { getFragmentData as u } from "../../api/codegen/fragment-masking.js";
-import { AssetCacheKeys as A } from "../constants/cache-keys.js";
-const _ = (s) => {
-  const t = n(i, {
+import { useMemo as n } from "react";
+import { useGqlQuery as i } from "../../api/fetchers/use-gql-query.js";
+import { GET_ALL_ASSETS_QUERY as p, COMMON_ASSET_FRAGMENT as u } from "../../api/operations/asset.operations.js";
+import { getFragmentData as A } from "../../api/codegen/fragment-masking.js";
+import { AssetCacheKeys as c } from "../constants/cache-keys.js";
+const g = (s, e = "") => {
+  const t = i(p, {
     variables: { input: s },
-    key: [A.All]
-  }), e = m(
-    () => t.data?.assets.items.map((r) => u(p, r)) ?? [],
+    key: [c.All, e]
+  }), a = n(
+    () => t.data?.assets.items.map((m) => A(u, m)) ?? [],
     [t.data]
-  ), { count: a, pageInfo: o } = t.data?.assets ?? {};
+  ), { count: o, pageInfo: r } = t.data?.assets ?? {};
   return {
     ...t,
-    assets: e,
-    pagination: { count: a, pageInfo: o }
+    assets: a,
+    pagination: { count: o, pageInfo: r }
   };
 };
 export {
-  _ as useGetAssets
+  g as useGetAssets
 };

package/dist/shared/components/asset-selector/list/asset-selector-list.js

@@ -46,11 +46,14 @@ import { AssetSelectorEmptyState as Y } from "../empty-state/asset-selector-empt
 import { AssetSelectorNoMatchingFiltersState as _ } from "../empty-state/asset-selector-no-matching-filters-state.js";
 import O from "../../../../node_modules/lucide-react/dist/esm/icons/cloud-upload.js";
 const Mr = ({ selected: h, setSelected: s }) => {
-  const { theme: n } = U(), [g, p] = P(), [i, x] = C(""), { isUploading: c, uploadAsset: b } = M(), { isLoading: l, isRefetching: N, refetch: y, assets: m } = B({
-    filters: {
-      ...i && { filename: { contains: i } }
-    }
-  }), d = !!i, k = !l && !m.length && !d;
+  const { theme: n } = U(), [g, c] = P(), [i, x] = C(""), { isUploading: p, uploadAsset: b } = M(), { isLoading: l, isRefetching: N, refetch: y, assets: m } = B(
+    {
+      filters: {
+        ...i && { filename: { contains: i } }
+      }
+    },
+    "asset-selector"
+  ), d = !!i, k = !l && !m.length && !d;
   I(() => {
     y();
   }, [i]);
@@ -69,8 +72,8 @@ const Mr = ({ selected: h, setSelected: s }) => {
       {
         className: f(
           "flex items-center justify-between gap-3 pb-6 px-6 z-10 h-fit border border-transparent",
-          p && n === "light" && "shadow-sm",
-          p && n === "dark" && "border-b-border"
+          c && n === "light" && "shadow-sm",
+          c && n === "dark" && "border-b-border"
         ),
         children: [
           /* @__PURE__ */ o(E, { className: "max-w-80 w-full", children: [
@@ -90,8 +93,8 @@ const Mr = ({ selected: h, setSelected: s }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ e(T, { onDrop: (r) => b(r), children: /* @__PURE__ */ o(D, { isLoading: c, variant: "outline", className: "shrink-0", children: [
-            !c && /* @__PURE__ */ e(O, {}),
+          /* @__PURE__ */ e(T, { onDrop: (r) => b(r), children: /* @__PURE__ */ o(D, { isLoading: p, variant: "outline", className: "shrink-0", children: [
+            !p && /* @__PURE__ */ e(O, {}),
             " Upload"
           ] }) })
         ]

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lunejs/admin-ui",
   "description": "Admin UI for Lune",
   "license": "AGPL-3.0",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "files": [
     "dist"