@deenruv/admin-dashboard 1.0.0

package/dist/graphql/orders.js

@@ -0,0 +1,157 @@
+import { Selector } from '@deenruv/admin-types';
+export const paymentSelector = Selector('Payment')({
+    id: true,
+    method: true,
+    amount: true,
+    state: true,
+    errorMessage: true,
+    createdAt: true,
+    metadata: true,
+    transactionId: true,
+});
+export const discountsSelector = Selector('Discount')({
+    type: true,
+    description: true,
+    amountWithTax: true,
+    adjustmentSource: true,
+});
+export const shippingLineSelector = Selector('ShippingLine')({
+    shippingMethod: {
+        id: true,
+        name: true,
+        description: true,
+    },
+    priceWithTax: true,
+});
+export const ShippingMethodsSelector = Selector('ShippingMethodQuote')({
+    id: true,
+    name: true,
+    price: true,
+    description: true,
+});
+export const ActiveOrderSelector = Selector('Order')({
+    id: true,
+    createdAt: true,
+    updatedAt: true,
+    totalQuantity: true,
+    couponCodes: true,
+    code: true,
+    customer: { id: true, emailAddress: true, firstName: true, lastName: true, phoneNumber: true },
+    shippingWithTax: true,
+    totalWithTax: true,
+    subTotalWithTax: true,
+    discounts: discountsSelector,
+    state: true,
+    active: true,
+    payments: paymentSelector,
+    currencyCode: true,
+    shippingLines: shippingLineSelector,
+    lines: {
+        id: true,
+        quantity: true,
+        linePriceWithTax: true,
+        unitPriceWithTax: true,
+        discountedLinePriceWithTax: true,
+        featuredAsset: {
+            id: true,
+            preview: true,
+        },
+        productVariant: {
+            name: true,
+            id: true,
+            sku: true,
+            price: true,
+            featuredAsset: {
+                id: true,
+                source: true,
+            },
+            stockLevel: true,
+            product: {
+                name: true,
+                slug: true,
+            },
+        },
+    },
+});
+export const LatestOrderSelector = Selector('Order')({
+    totalWithTax: true,
+    state: true,
+    createdAt: true,
+    code: true,
+    id: true,
+    currencyCode: true,
+    payments: {
+        method: true,
+        id: true,
+    },
+});
+export const SummaryOrdersSelector = Selector('Order')({
+    total: true,
+    totalWithTax: true,
+    currencyCode: true,
+});
+export const OrderListSelector = Selector('Order')({
+    type: true,
+    totalWithTax: true,
+    state: true,
+    active: true,
+    currencyCode: true,
+    createdAt: true,
+    updatedAt: true,
+    shipping: true,
+    totalQuantity: true,
+    orderPlacedAt: true,
+    code: true,
+    id: true,
+    payments: {
+        method: true,
+        createdAt: true,
+        state: true,
+    },
+    shippingAddress: {
+        fullName: true,
+    },
+    customer: {
+        id: true,
+        emailAddress: true,
+        firstName: true,
+        lastName: true,
+        phoneNumber: true,
+    },
+});
+export const OrderSelector = Selector('Order')({
+    type: true,
+    shippingWithTax: true,
+    totalWithTax: true,
+    subTotalWithTax: true,
+    discounts: discountsSelector,
+    state: true,
+    active: true,
+    payments: paymentSelector,
+    currencyCode: true,
+    shippingLines: shippingLineSelector,
+    id: true,
+    lines: {
+        id: true,
+        quantity: true,
+        linePriceWithTax: true,
+        unitPriceWithTax: true,
+        discountedLinePriceWithTax: true,
+        featuredAsset: {
+            id: true,
+            preview: true,
+        },
+        productVariant: {
+            name: true,
+            currencyCode: true,
+            featuredAsset: {
+                id: true,
+                source: true,
+            },
+            product: {
+                slug: true,
+                name: true,
+            },
+        },
+    },
+});

package/dist/graphql/products.js

@@ -0,0 +1,230 @@
+import { Selector } from '@deenruv/admin-types';
+export const FacetSelector = Selector('Facet')({
+    id: true,
+    name: true,
+    code: true,
+});
+export const ProductTileSelector = Selector('Product')({
+    id: true,
+    name: true,
+    slug: true,
+    updatedAt: true,
+    enabled: true,
+    createdAt: true,
+    collections: {
+        name: true,
+        slug: true,
+    },
+    variantList: [{}, { totalItems: true }],
+    featuredAsset: {
+        source: true,
+        preview: true,
+    },
+});
+export const ProductSearchSelector = Selector('SearchResult')({
+    productName: true,
+    slug: true,
+    collectionIds: true,
+    currencyCode: true,
+    productVariantId: true,
+    productVariantName: true,
+    priceWithTax: {
+        '...on PriceRange': {
+            max: true,
+            min: true,
+        },
+        '...on SinglePrice': {
+            value: true,
+        },
+    },
+    facetIds: true,
+    facetValueIds: true,
+    productAsset: {
+        preview: true,
+    },
+    description: true,
+});
+export const SearchSelector = Selector('SearchResponse')({
+    items: ProductSearchSelector,
+    totalItems: true,
+    facetValues: {
+        count: true,
+        facetValue: {
+            ...FacetSelector,
+            facet: FacetSelector,
+        },
+    },
+});
+export const ProductSlugSelector = Selector('Product')({
+    name: true,
+    description: true,
+    id: true,
+    slug: true,
+    facetValues: {
+        name: true,
+        code: true,
+    },
+});
+export const ProductDetailsFacetSelector = Selector('FacetValue')({
+    name: true,
+    id: true,
+    translations: { name: true, languageCode: true, id: true },
+});
+export const ProductOptionSelector = Selector('ProductOption')({
+    name: true,
+    id: true,
+    code: true,
+    translations: {
+        languageCode: true,
+        name: true,
+    },
+});
+export const StockLevelsSelector = Selector('StockLevel')({
+    stockLocationId: true,
+    id: true,
+    stockOnHand: true,
+    stockLocation: {
+        name: true,
+        id: true,
+    },
+    stockAllocated: true,
+});
+export const ProductVariantSelector = Selector('ProductVariant')({
+    id: true,
+    name: true,
+    currencyCode: true,
+    priceWithTax: true,
+    stockOnHand: true,
+    outOfStockThreshold: true,
+    useGlobalOutOfStockThreshold: true,
+    stockLevel: true,
+    trackInventory: true,
+    stockAllocated: true,
+    stockLevels: StockLevelsSelector,
+    sku: true,
+    price: true,
+    channels: {
+        id: true,
+        code: true,
+    },
+    assets: {
+        id: true,
+        name: true,
+    },
+    featuredAsset: {
+        id: true,
+    },
+    translations: {
+        name: true,
+        languageCode: true,
+    },
+    taxCategory: {
+        name: true,
+        id: true,
+    },
+    taxRateApplied: {
+        name: true,
+        id: true,
+    },
+    prices: {
+        currencyCode: true,
+        price: true,
+    },
+    options: {
+        name: true,
+        group: {
+            name: true,
+        },
+    },
+    facetValues: ProductDetailsFacetSelector,
+});
+export const OptionGroupSelector = Selector('ProductOptionGroup')({
+    name: true,
+    id: true,
+    code: true,
+    options: ProductOptionSelector,
+});
+export const ProductDetailSelector = Selector('Product')({
+    name: true,
+    description: true,
+    id: true,
+    slug: true,
+    enabled: true,
+    createdAt: true,
+    updatedAt: true,
+    channels: {
+        id: true,
+        code: true,
+    },
+    translations: {
+        languageCode: true,
+        name: true,
+        slug: true,
+        description: true,
+        id: true,
+    },
+    assets: {
+        source: true,
+        preview: true,
+        id: true,
+    },
+    collections: {
+        slug: true,
+        name: true,
+        parent: { slug: true },
+    },
+    featuredAsset: {
+        source: true,
+        preview: true,
+        id: true,
+    },
+    facetValues: ProductDetailsFacetSelector,
+});
+export const YAMLProductsSelector = Selector('Product')({
+    id: true,
+    name: true,
+    slug: true,
+    featuredAsset: {
+        source: true,
+        preview: true,
+    },
+    collections: {
+        name: true,
+        slug: true,
+    },
+    variants: {
+        id: true,
+        name: true,
+        currencyCode: true,
+        priceWithTax: true,
+        stockLevel: true,
+        assets: {
+            source: true,
+            preview: true,
+        },
+        featuredAsset: {
+            source: true,
+            preview: true,
+        },
+    },
+});
+export const productVariantTileSelector = Selector('ProductVariant')({
+    id: true,
+    name: true,
+    currencyCode: true,
+    priceWithTax: true,
+    featuredAsset: { preview: true },
+    product: {
+        collections: { slug: true, name: true, parent: { slug: true } },
+        slug: true,
+        featuredAsset: { preview: true },
+    },
+});
+export const NewestProductSelector = Selector('Product')({
+    name: true,
+    slug: true,
+    featuredAsset: {
+        source: true,
+        preview: true,
+    },
+});

package/dist/graphql/scalars.js

@@ -0,0 +1,22 @@
+import { ZeusScalars } from '@deenruv/admin-types';
+export const scalars = ZeusScalars({
+    Money: {
+        decode: (e) => e,
+    },
+    DateTime: {
+        decode: (e) => new Date(e).toISOString(),
+    },
+    JSON: {
+        encode: (e) => {
+            return JSON.stringify(e).replace(/"(\w+)":/g, '$1:');
+        },
+        decode: (e) => {
+            try {
+                return JSON.parse(e);
+            }
+            catch {
+                return e;
+            }
+        },
+    },
+});

package/dist/i18.js

@@ -0,0 +1,13 @@
+import i18next from 'i18next';
+// eslint-disable-next-line no-restricted-imports
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { useSettings } from '@deenruv/react-ui-devkit';
+export const defaultNS = 'common';
+i18next.use(LanguageDetector).use(initReactI18next).init({
+    resources: undefined,
+    lng: useSettings.getState().language,
+    defaultNS,
+    fallbackLng: 'en',
+});
+export default i18next;

package/dist/index.css

@@ -0,0 +1,161 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 10% 3.9%;
+
+    --radius: 0.5rem;
+
+    --warning: 38 92% 50%;
+    --warning-foreground: 48 96% 89%;
+
+    --navigation-link: 240 10% 3.9%;
+
+    --topbar-height: 70px;
+    --topbar-height-lg: 80px;
+
+    --page-padding-total-y: 2.75rem;
+    --page-padding-total-y-md: 4.75rem;
+    --page-padding-total-y-lg: 2rem;
+
+    --page-content-h: calc(100vh - var(--topbar-height) - var(--page-padding-total-y));
+    --page-content-h-md: calc(100vh - var(--topbar-height) - var(--page-padding-total-y-md));
+    --page-content-h-lg: calc(100vh - var(--topbar-height-lg) - var(--page-padding-total-y-lg));
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+
+    --warning: 48 96% 89%;
+    --warning-foreground: 38 92% 50%;
+
+    --navigation-link: 0 0% 98%;
+  }
+}
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground box-border;
+  }
+}
+
+@layer utilities {
+  .min-h-screen {
+    min-height: 100vh; /* Fallback */
+    min-height: 100dvh;
+  }
+  .h-screen {
+    height: 100vh; /* Fallback */
+    height: 100dvh;
+  }
+  .page-content-h {
+    @apply h-[var(--page-content-h)] max-h-[var(--page-content-h)] md:h-[var(--page-content-h-md)] md:max-h-[var(--page-content-h-md)] lg:h-[var(--page-content-h-lg)] lg:max-h-[var(--page-content-h-lg)];
+  }
+}
+
+*::-webkit-scrollbar {
+  width: 6px;
+  transform: translateX(-4px);
+}
+
+*::-webkit-scrollbar-thumb {
+  @apply bg-border relative rounded-full;
+}
+
+*::-webkit-scrollbar-track {
+  @apply flex touch-none select-none transition-colors;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:focus {
+  transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+}
+
+a {
+  display: contents;
+  text-decoration: none;
+}
+
+.Puck > div:nth-child(1) {
+  position: relative !important;
+}
+
+@layer components {
+  .customSpinner {
+    width: 48px;
+    height: 48px;
+    border: 5px solid hsl(var(--primary));
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    display: inline-block;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+  }
+
+  @keyframes rotation {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import type { DeenruvUIPlugin, DeenruvAdminPanelSettings } from '@deenruv/react-ui-devkit';
+
+export function DeenruvAdminPanel({
+  plugins,
+  settings,
+}: {
+  plugins: Array<DeenruvUIPlugin>;
+  settings: DeenruvAdminPanelSettings;
+}): JSX.Element;
+
+export type { DeenruvAdminPanelSettings, DeenruvUIPlugin };

package/dist/index.js

@@ -0,0 +1 @@
+export * from './DeenruvAdminPanel';

package/dist/locales/en/admins.json

@@ -0,0 +1,57 @@
+{
+    "create": "Create administrator",
+    "edit": "Edit administrator",
+    "baseInfoCode": "Code: {{value}}",
+    "baseInfoId": "Id: {{value}}",
+    "baseInfoCreated": "Created: {{value}}",
+    "baseInfoUpdated": "Updated: {{value}}",
+    "buttonDisabledTooltip": "Fill in all required fields",
+    "noChangesTooltip": "No changes have been made",
+    "table": {
+        "id": "Id",
+        "name": "Name",
+        "emailAddress": "Email",
+        "role": "Role",
+        "createdAt": "Established in",
+        "updatedAt": "Updated by",
+        "openMenu": "Open menu",
+        "copyId": "Copy identifier",
+        "viewAdmin": "Display admin",
+        "columns": "Columns"
+    },
+    "details": {
+        "basic": {
+            "title": "Basic information",
+            "firstName": "Name",
+            "lastName": "Surname",
+            "emailAddress": "E-mail address",
+            "password": "Password"
+        },
+        "roles": {
+            "title": "Roles",
+            "placeholder": "Adding roles to a user"
+        }
+    },
+    "toasts": {
+        "adminLoadingError": "Failed to load administrator with ID {{value}}",
+        "adminUpdateSuccess": "Administrator successfully updated",
+        "adminUpdateError": "An error occurred:",
+        "adminCreatedSuccess": "Administrator has been successfully created",
+        "adminCreatedError": "Administrator could not be created",
+        "adminDeleteSuccess": "Administrator was successfully deleted",
+        "adminDeleteError": "Administrator could not be removed successfully"
+    },
+    "deleteAdmin": {
+        "title": "Remove administrator",
+        "description": "Are you sure you want to delete this administrator?",
+        "successMessage": "The administrator has been removed.",
+        "deleteOrCancel": "Delete/Cancel option selected"
+    },
+    "selectedValue": "{{from}} of {{to}} lines selected",
+    "validation": {
+        "firstNameRequired": "First name is required",
+        "lastNameRequired": "Last name is required",
+        "passwordRequired": "Password required",
+        "rolesRequired": "Select at least one role"
+    }
+}