@lunejs/admin-ui 0.1.5 → 0.2.1

package/dist/lib/custom-fields/utils/custom-field.utils.js

@@ -4,64 +4,76 @@ import u from "../../../node_modules/lucide-react/dist/esm/icons/boxes.js";
 import s from "../../../node_modules/lucide-react/dist/esm/icons/package.js";
 import p from "../../../node_modules/lucide-react/dist/esm/icons/pipette.js";
 import f from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import C from "../../../node_modules/lucide-react/dist/esm/icons/toggle-left.js";
-import b from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
+import b from "../../../node_modules/lucide-react/dist/esm/icons/toggle-left.js";
+import C from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
 import g from "../../../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
-import a from "../../../node_modules/lucide-react/dist/esm/icons/hash.js";
+import c from "../../../node_modules/lucide-react/dist/esm/icons/hash.js";
+import T from "../../../node_modules/lucide-react/dist/esm/icons/layout-list.js";
 import d from "../../../node_modules/lucide-react/dist/esm/icons/earth.js";
-import T from "../../../node_modules/lucide-react/dist/esm/icons/text.js";
-import v from "../../../node_modules/lucide-react/dist/esm/icons/type.js";
-import x from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
-import D from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
-class o {
-  constructor(n, i) {
-    this.title = n, this.icon = i;
+import x from "../../../node_modules/lucide-react/dist/esm/icons/text.js";
+import R from "../../../node_modules/lucide-react/dist/esm/icons/type.js";
+import v from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
+import w from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
+class t {
+  constructor(i, n) {
+    this.title = i, this.icon = n;
   }
 }
-const w = {
+const D = {
   // Text
-  [e.SingleLineText]: new o("Single line text", v),
-  [e.MultiLineText]: new o("Multi line text", T),
-  [e.Url]: new o("URL", d),
+  [e.SingleLineText]: new t("Single line text", R),
+  [e.MultiLineText]: new t("Multi line text", x),
+  [e.Url]: new t("URL", d),
+  [e.RichText]: new t("Rich text", T),
   // Number
-  [e.Integer]: new o("Integer", a),
-  [e.Decimal]: new o("Decimal", a),
-  [e.Money]: new o("Money", g),
+  [e.Integer]: new t("Integer", c),
+  [e.Decimal]: new t("Decimal", c),
+  [e.Money]: new t("Money", g),
   // Media
-  [e.Image]: new o("Image", b),
+  [e.Image]: new t("Image", C),
   // Other
-  [e.Boolean]: new o("Boolean", C),
-  [e.Date]: new o("Date", f),
-  [e.Color]: new o("Color", p),
+  [e.Boolean]: new t("Boolean", b),
+  [e.Date]: new t("Date", f),
+  [e.Color]: new t("Color", p),
   // Reference
-  [e.ProductReference]: new o("Product", s),
-  [e.CollectionReference]: new o("Collection", u),
-  [e.CustomObjectReference]: new o("Custom object", m),
-  customer: new o("Customer", D),
-  order: new o("Order", x)
-}, N = (t) => ({
+  [e.ProductReference]: new t("Product", s),
+  [e.CollectionReference]: new t("Collection", u),
+  [e.CustomObjectReference]: new t("Custom object", m),
+  customer: new t("Customer", w),
+  order: new t("Order", v)
+}, _ = (l) => ({
   [r.Product]: "Product",
   [r.Collection]: "Collection",
   [r.CustomObject]: "Custom object",
   [r.OptionValue]: "Option value"
-})[t], l = (t) => w[t], V = (t) => [e.SingleLineText, e.MultiLineText].includes(t), _ = [
+})[l], o = (l) => D[l], G = (l) => [
+  e.SingleLineText,
+  e.MultiLineText,
+  e.RichText,
+  e.Url
+].includes(l), $ = [
   {
     label: "Text",
     items: [
       {
         label: "Single line text",
         value: e.SingleLineText,
-        icon: l(e.SingleLineText).icon
+        icon: o(e.SingleLineText).icon
       },
       {
         label: "Multi line text",
         value: e.MultiLineText,
-        icon: l(e.MultiLineText).icon
+        icon: o(e.MultiLineText).icon
       },
       {
-        label: l(e.Url).title,
+        label: o(e.RichText).title,
+        value: e.RichText,
+        icon: o(e.RichText).icon
+      },
+      {
+        label: o(e.Url).title,
         value: e.Url,
-        icon: l(e.Url).icon
+        icon: o(e.Url).icon
       }
     ]
   },
@@ -71,17 +83,17 @@ const w = {
       {
         label: "Integer",
         value: e.Integer,
-        icon: l(e.Integer).icon
+        icon: o(e.Integer).icon
       },
       {
         label: "Decimal",
         value: e.Decimal,
-        icon: l(e.Decimal).icon
+        icon: o(e.Decimal).icon
       },
       {
         label: "Money",
         value: e.Money,
-        icon: l(e.Money).icon
+        icon: o(e.Money).icon
       }
     ]
   },
@@ -91,7 +103,7 @@ const w = {
       {
         label: "Image",
         value: e.Image,
-        icon: l(e.Image).icon
+        icon: o(e.Image).icon
       }
     ]
   },
@@ -101,17 +113,17 @@ const w = {
       {
         label: "Product",
         value: e.ProductReference,
-        icon: l(e.ProductReference).icon
+        icon: o(e.ProductReference).icon
       },
       {
         label: "Collection",
         value: e.CollectionReference,
-        icon: l(e.CollectionReference).icon
+        icon: o(e.CollectionReference).icon
       },
       {
         label: "Custom object",
         value: e.CustomObjectReference,
-        icon: l(e.CustomObjectReference).icon
+        icon: o(e.CustomObjectReference).icon
       }
     ]
   },
@@ -121,28 +133,28 @@ const w = {
       {
         label: "Boolean",
         value: e.Boolean,
-        icon: l(e.Boolean).icon
+        icon: o(e.Boolean).icon
       },
       {
         label: "Date",
         value: e.Date,
-        icon: l(e.Date).icon
+        icon: o(e.Date).icon
       },
       {
-        label: l(e.Color).title,
+        label: o(e.Color).title,
         value: e.Color,
-        icon: l(e.Color).icon
+        icon: o(e.Color).icon
       }
     ]
   }
-], G = (t, n) => {
-  const i = t.values.find((c) => c.field.id === n.displayField?.id);
-  return i ? i.value : `${n.name}#${t.slug.toUpperCase()}`;
+], k = (l, i) => {
+  const n = l.values.find((a) => a.field.id === i.displayField?.id);
+  return n ? n.value : `${i.name}#${l.slug.toUpperCase()}`;
 };
 export {
-  _ as CUSTOM_FIELD_TYPE_GROUPS,
-  l as getCustomFieldTypeData,
-  G as getDisplayFieldValue,
-  N as getEntityName,
-  V as isTranslatable
+  $ as CUSTOM_FIELD_TYPE_GROUPS,
+  o as getCustomFieldTypeData,
+  k as getDisplayFieldValue,
+  _ as getEntityName,
+  G as isTranslatable
 };

package/dist/lib/dashboard/pages/dashboard-page.js

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as e } from "react/jsx-runtime";
-import { useState as C, useMemo as N, useEffect as P } from "react";
+import { useState as N, useMemo as v, useEffect as P } from "react";
 import { UTCDate as m } from "../../../node_modules/@date-fns/utc/date/index.js";
 import "../../../node_modules/@date-fns/utc/date/mini.js";
 import "../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
@@ -49,16 +49,16 @@ import { formatDate as a } from "../../../node_modules/date-fns/format.js";
 import H from "../../../node_modules/lucide-react/dist/esm/icons/calendar-range.js";
 import I from "../../../node_modules/lucide-react/dist/esm/icons/inbox.js";
 function Et() {
-  const [r, L] = C({
+  const [r, L] = N({
     from: g(new m()),
     to: h(new m())
-  }), o = N(
+  }), o = v(
     () => ({
       startsAt: r?.from ?? g(new m()),
       endsAt: r?.to ?? h(new m())
     }),
     [r]
-  ), { totalSales: w, ...s } = F(o), { totalOrders: x, ...l } = B(o), { totalNewCustomers: O, ...n } = $(o), { totalAvgOrderValue: v, ...d } = k(o), { count: i } = j({ filters: { states: [u.Placed] } });
+  ), { totalSales: w, ...s } = F(o), { totalOrders: x, ...l } = B(o), { totalNewCustomers: O, ...n } = $(o), { totalAvgOrderValue: C, ...d } = k(o), { count: i } = j({ filters: { states: [u.Placed] } });
   return P(() => {
     s.refetch(), l.refetch(), n.refetch(), d.refetch();
   }, [r]), s.isLoading || l.isLoading || n.isLoading || d.isLoading ? /* @__PURE__ */ t(G, {}) : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(z, { className: "max-w-3xl mx-auto w-full flex flex-col gap-8", children: [
@@ -108,7 +108,7 @@ function Et() {
           totalSales: w,
           ordersCount: x,
           newCustomers: O,
-          avgOrderValue: v
+          avgOrderValue: C
         }
       ),
       !!i && /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: [

package/dist/lib/product/components/product-details/cards/general-product-card.js

@@ -10,7 +10,7 @@ import "../../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/
 import "../../../../../packages/lune-ui/dist/node_modules/@date-fns/tz/date/mini.js";
 import "../../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js";
 import "../../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/locale/en-US.js";
-import { Card as i, CardHeader as p, CardTitle as e, CardContent as a } from "../../../../../packages/lune-ui/dist/components/card.js";
+import { Card as p, CardHeader as e, CardTitle as a, CardContent as l } from "../../../../../packages/lune-ui/dist/components/card.js";
 import "../../../../../packages/lune-ui/dist/components/chart.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-checkbox/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-collapsible/dist/index.js";
@@ -31,21 +31,27 @@ import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle
 import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
-import { FormInput as l } from "../../../../../packages/lune-ui/dist/form/form-input.js";
-import { FormTextarea as n } from "../../../../../packages/lune-ui/dist/form/form-textarea.js";
-import { ProductAssetUploader as s } from "../../asset-uploader/product-asset-uploader.js";
+import { FormInput as s } from "../../../../../packages/lune-ui/dist/form/form-input.js";
+import { RichEditor as d } from "../../../../../shared/components/rich-editor/rich-editor.js";
+import { ProductAssetUploader as n } from "../../asset-uploader/product-asset-uploader.js";
 import { useProductDetailsFormContext as c } from "../use-form/use-product-details-form.js";
-const X = () => {
+const Y = () => {
   const { product: m, ...o } = c();
-  return /* @__PURE__ */ t(i, { children: [
-    /* @__PURE__ */ r(p, { className: "flex", children: /* @__PURE__ */ r(e, { children: "General" }) }),
-    /* @__PURE__ */ t(a, { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ r(l, { control: o.control, name: "name", label: "Name", placeholder: "T-Shirt" }),
-      /* @__PURE__ */ r(n, { control: o.control, name: "description", label: "Description" }),
-      /* @__PURE__ */ r(s, { product: m })
+  return /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ r(e, { className: "flex", children: /* @__PURE__ */ r(a, { children: "General" }) }),
+    /* @__PURE__ */ t(l, { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ r(s, { control: o.control, name: "name", label: "Name", placeholder: "T-Shirt" }),
+      /* @__PURE__ */ r(
+        d,
+        {
+          defaultValue: o.formState.defaultValues?.description,
+          onChange: (i) => o.setValue("description", i)
+        }
+      ),
+      /* @__PURE__ */ r(n, { product: m })
     ] })
   ] });
 };
 export {
-  X as GeneralProductCard
+  Y as GeneralProductCard
 };

package/dist/lib/translate/components/form/translate-form-row-data.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const TranslateFormRowData: ({ children, field, reference, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TranslateFormRowData: ({ children, field, reference, richText, className }: Props) => import("react/jsx-runtime").JSX.Element;
 type Props = PropsWithChildren & {
     className?: string | {
         row?: string;
@@ -8,5 +8,6 @@ type Props = PropsWithChildren & {
     };
     field: string | null | undefined;
     reference: string | null | undefined;
+    richText?: boolean;
 };
 export {};

package/dist/lib/translate/components/form/translate-form-row-data.js

@@ -1,7 +1,7 @@
-import { jsxs as n, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "react";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
-import { cn as l } from "../../../../packages/lune-ui/dist/lib/utils.js";
+import { cn as p } from "../../../../packages/lune-ui/dist/lib/utils.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
@@ -24,7 +24,7 @@ import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-radio-gro
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-select/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dialog/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-switch/dist/index.js";
-import { TableRow as d } from "../../../../packages/lune-ui/dist/components/table.js";
+import { TableRow as u } from "../../../../packages/lune-ui/dist/components/table.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tabs/dist/index.js";
 import "../../../../packages/lune-ui/dist/components/theme-provider.js";
 import "../../../../packages/lune-ui/dist/node_modules/sonner/dist/index.js";
@@ -32,37 +32,69 @@ import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle/di
 import "../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../packages/lune-ui/dist/form/form.js";
-import { TranslateFormCell as o } from "./translate-form-cell.js";
-import { TranslateFormRow as p } from "./translate-form-row.js";
-const V = ({ children: e, field: i, reference: m, className: t }) => /* @__PURE__ */ n(a, { children: [
-  /* @__PURE__ */ n(
-    d,
+import { RichEditor as l } from "../../../../shared/components/rich-editor/rich-editor.js";
+import { TranslateFormCell as i } from "./translate-form-cell.js";
+import { TranslateFormRow as e } from "./translate-form-row.js";
+const X = ({
+  children: n,
+  field: m,
+  reference: o,
+  richText: d,
+  className: t
+}) => /* @__PURE__ */ a(s, { children: [
+  /* @__PURE__ */ a(
+    u,
     {
-      className: l(
+      className: p(
         "bg-transparent! hidden lg:table-row",
         typeof t == "string" ? t : t?.row
       ),
       children: [
-        /* @__PURE__ */ r(o, { children: i }),
-        /* @__PURE__ */ r(
-          o,
+        /* @__PURE__ */ r(i, { children: m }),
+        d ? /* @__PURE__ */ r(
+          i,
           {
-            className: l(
+            isDisabled: !0,
+            className: p(
+              typeof t == "string" ? void 0 : t?.referenceCell,
+              "text-muted-foreground p-0"
+            ),
+            children: /* @__PURE__ */ r(
+              l,
+              {
+                disabled: !0,
+                className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none! [&_.rich-editor-content]:text-muted-foreground!",
+                defaultValue: o ?? ""
+              }
+            )
+          }
+        ) : /* @__PURE__ */ r(
+          i,
+          {
+            className: p(
               typeof t == "string" ? void 0 : t?.referenceCell,
               "text-muted-foreground"
             ),
             isDisabled: !0,
-            children: m
+            children: o
           }
         ),
-        e
+        n
       ]
     }
   ),
-  i && /* @__PURE__ */ r(p, { className: "lg:hidden", children: /* @__PURE__ */ r(o, { children: i }) }),
-  m && /* @__PURE__ */ r(p, { className: "lg:hidden", children: /* @__PURE__ */ r(o, { isDisabled: !0, className: "text-muted-foreground", children: m }) }),
-  /* @__PURE__ */ r(p, { className: "lg:hidden", children: e })
+  m && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { children: m }) }),
+  o && !d && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { isDisabled: !0, className: "text-muted-foreground", children: o }) }),
+  o && d && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { isDisabled: !0, className: "text-muted-foreground p-0", children: /* @__PURE__ */ r(
+    l,
+    {
+      disabled: !0,
+      className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none! [&_.rich-editor-content]:text-muted-foreground!",
+      defaultValue: o ?? ""
+    }
+  ) }) }),
+  /* @__PURE__ */ r(e, { className: "lg:hidden", children: n })
 ] });
 export {
-  V as TranslateFormRowData
+  X as TranslateFormRowData
 };

package/dist/lib/translate/components/form/translate-rich-text.d.ts

@@ -0,0 +1,8 @@
+export declare const TranslateRichText: ({ onChange, defaultValue, label, className }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props = {
+    className?: string;
+    label?: string;
+    defaultValue?: string;
+    onChange: (html: string) => void;
+};
+export {};

package/dist/lib/translate/components/form/translate-rich-text.js

@@ -0,0 +1,65 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useId as l } from "react";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
+import { cn as s } from "../../../../packages/lune-ui/dist/lib/utils.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/UI.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/classes/DateLib.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/useDayPicker.js";
+import "../../../../packages/lune-ui/dist/node_modules/@date-fns/tz/date/mini.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/locale/en-US.js";
+import "../../../../packages/lune-ui/dist/components/chart.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-checkbox/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-collapsible/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/cmdk/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/dialog.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-label/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/phone-input.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-popover/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-select/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dialog/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-switch/dist/index.js";
+import { TableCell as a } from "../../../../packages/lune-ui/dist/components/table.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tabs/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/theme-provider.js";
+import "../../../../packages/lune-ui/dist/node_modules/sonner/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/toggle-group.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
+import "../../../../packages/lune-ui/dist/form/form.js";
+import { RichEditor as n } from "../../../../shared/components/rich-editor/rich-editor.js";
+const S = ({ onChange: i, defaultValue: m, label: r, className: p }) => {
+  const t = l();
+  return /* @__PURE__ */ e(
+    a,
+    {
+      onClick: () => {
+        document.getElementById(t)?.focus();
+      },
+      className: s(
+        "cursor-text align-top h-full p-0 [&:has(textarea:focus-visible)]:ring-primary/50 [&:has(textarea:focus-visible)]:ring-[1px]",
+        r && "flex flex-col gap-1 w-full lg:table-cell",
+        p
+      ),
+      children: [
+        r && /* @__PURE__ */ o("label", { className: "pl-4 pt-4 text-muted-foreground lg:hidden", htmlFor: t, children: r }),
+        /* @__PURE__ */ o(
+          n,
+          {
+            className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none!",
+            defaultValue: m,
+            onChange: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  S as TranslateRichText
+};