@mercurjs/admin 2.0.0-canary.39 → 2.0.0-canary.41

package/dist/{commission-rate-detail-UQDIIMIK.js → commission-rate-detail-GLB733F3.js}

@@ -1,9 +1,10 @@
 import {
-  CommissionRateDetail
-} from "./chunk-EDQBUWY7.js";
+  CommissionRateDetailPage
+} from "./chunk-3NIWL75F.js";
 import "./chunk-LTBX54CI.js";
 import "./chunk-3XPXUIK3.js";
-import "./chunk-U2UCL2VG.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-XIZLPYEE.js";
 import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
@@ -77,6 +78,6 @@ var commissionRateLoader = async ({
 };
 export {
   CommissionRateDetailBreadcrumb as Breadcrumb,
-  CommissionRateDetail as Component,
+  CommissionRateDetailPage as Component,
   commissionRateLoader as loader
 };

package/dist/{commission-rate-list-WTDZLKUR.js → commission-rate-list-5V3FQROA.js}

@@ -1,14 +1,15 @@
 import {
-  CommissionRateList
-} from "./chunk-QP6XXG6A.js";
+  CommissionRateListPage
+} from "./chunk-VOFAM7HJ.js";
 import "./chunk-JHIMVLB2.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
 import "./chunk-ULJ3OMWU.js";
 import "./chunk-YBZWO4ZV.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-U2UCL2VG.js";
+import "./chunk-XIZLPYEE.js";
 import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
@@ -23,5 +24,5 @@ import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZYNBKBY3.js";
 import "./chunk-NBMM2TZK.js";
 export {
-  CommissionRateList as Component
+  CommissionRateListPage as Component
 };

package/dist/{customer-detail-N7CS4IJU.js → customer-detail-SBQF232S.js}

@@ -1,6 +1,6 @@
 import {
   CustomerDetailPage
-} from "./chunk-AOVEX4EM.js";
+} from "./chunk-FNXSMFGL.js";
 import "./chunk-DBYUB2YI.js";
 import "./chunk-54EPH67T.js";
 import "./chunk-NOWUEJ74.js";
@@ -10,13 +10,14 @@ import "./chunk-2Y3WMGN6.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-PXYDR7WQ.js";
 import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
 import "./chunk-ULJ3OMWU.js";
 import "./chunk-YBZWO4ZV.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-U2UCL2VG.js";
+import "./chunk-XIZLPYEE.js";
 import "./chunk-IQPN4PZJ.js";
 import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";

package/dist/customer-group-add-customers-LCNDTLXR.js

@@ -3,8 +3,8 @@ import {
 } from "./chunk-QG6PLWNH.js";
 import "./chunk-25LYVP3C.js";
 import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable

package/dist/{customer-group-detail-UCTY4FF7.js → customer-group-detail-QQSNRM2K.js}

@@ -1,17 +1,18 @@
 import {
   CUSTOMER_GROUP_DETAIL_FIELDS,
-  CustomerGroupDetail
-} from "./chunk-5VEYNZSW.js";
+  CustomerGroupDetailPage
+} from "./chunk-5322X23U.js";
 import "./chunk-QG6PLWNH.js";
 import "./chunk-25LYVP3C.js";
 import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
 import "./chunk-ULJ3OMWU.js";
 import "./chunk-YBZWO4ZV.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-U2UCL2VG.js";
+import "./chunk-XIZLPYEE.js";
 import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
@@ -100,6 +101,6 @@ var customerGroupLoader = async ({ params }) => {
 };
 export {
   CustomerGroupDetailBreadcrumb as Breadcrumb,
-  CustomerGroupDetail as Component,
+  CustomerGroupDetailPage as Component,
   customerGroupLoader as loader
 };

package/dist/{customer-group-list-XOQ64CVR.js → customer-group-list-IO7SVK3F.js}

@@ -1,12 +1,21 @@
 import {
-  CustomerGroupsList
-} from "./chunk-62ZRA6BZ.js";
-import "./chunk-U2UCL2VG.js";
-import "./chunk-DGCPYCHU.js";
-import "./chunk-UQITHKTH.js";
+  CustomerGroupListPage
+} from "./chunk-PXBCTPQO.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-VKOE5J66.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
@@ -44,5 +53,5 @@ import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZYNBKBY3.js";
 import "./chunk-NBMM2TZK.js";
 export {
-  CustomerGroupsList as Component
+  CustomerGroupListPage as Component
 };

package/dist/{customer-list-BUUO6OF7.js → customer-list-TXBAME4V.js}

@@ -1,16 +1,17 @@
 import {
   CustomerListPage
-} from "./chunk-2IGCU3KP.js";
+} from "./chunk-DOMRLXOI.js";
 import "./chunk-QG6PLWNH.js";
 import "./chunk-25LYVP3C.js";
 import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
 import "./chunk-ULJ3OMWU.js";
 import "./chunk-YBZWO4ZV.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-U2UCL2VG.js";
+import "./chunk-XIZLPYEE.js";
 import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";

package/dist/customers-add-customer-group-BKEV24N2.js

@@ -2,8 +2,8 @@ import {
   useCustomerGroupTableColumns
 } from "./chunk-54EPH67T.js";
 import "./chunk-JHIMVLB2.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable

package/dist/index.d.ts

@@ -1,22 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+import * as react from 'react';
+import react__default, { ReactNode, PropsWithChildren } from 'react';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, UseFormReturn, FieldPath, ControllerProps } from 'react-hook-form';
+import { T as TabDefinition } from './types-DUhfb5tH.js';
+export { d as defineTabMeta } from './types-DUhfb5tH.js';
+import { Label, Slot } from 'radix-ui';
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { Table, ColumnDef, Row, RowSelectionState, OnChangeFn } from '@tanstack/react-table';
 
 declare function App(): react_jsx_runtime.JSX.Element;
 
-interface TabDefinition<T extends FieldValues = FieldValues> {
-    /** Unique tab identifier, used as ProgressTabs value */
-    id: string;
-    /** i18n key for the tab label (used when `label` is not provided) */
-    labelKey: string;
-    /** Raw label string (overrides `labelKey`) */
-    label?: string;
-    /** Fields validated when navigating forward from this tab. If omitted, full form validation is used. */
-    validationFields?: FieldPath<T>[];
-    /** Predicate to conditionally show/hide this tab at runtime */
-    isVisible?: (form: UseFormReturn<T>) => boolean;
-}
-
 declare const useTabbedForm: <T extends FieldValues = FieldValues>() => UseFormReturn<T>;
 type FooterRenderProps = {
     isLastTab: boolean;
@@ -41,6 +35,221 @@ declare const TabbedForm: typeof Root & {
     useForm: <T extends FieldValues = FieldValues>() => UseFormReturn<T>;
 };
 
+declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => react__default.JSX.Element) & {
+    Item: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLDivElement> & react__default.RefAttributes<HTMLDivElement>>;
+    Label: react__default.ForwardRefExoticComponent<Omit<Label.LabelProps & react__default.RefAttributes<HTMLLabelElement>, "ref"> & {
+        optional?: boolean;
+        tooltip?: ReactNode;
+        icon?: ReactNode;
+    } & react__default.RefAttributes<HTMLLabelElement>>;
+    Control: react__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & react__default.RefAttributes<HTMLElement>, "ref"> & react__default.RefAttributes<HTMLElement>>;
+    Hint: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    ErrorMessage: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+};
+
+interface HeadlessControllerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<ControllerProps<TFieldValues, TName>, "render"> {
+}
+interface SwitchBoxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends HeadlessControllerProps<TFieldValues, TName> {
+    label: string;
+    description: string;
+    optional?: boolean;
+    tooltip?: ReactNode;
+    /**
+     * Callback for performing additional actions when the checked state changes.
+     * This does not intercept the form control, it is only used for injecting side-effects.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+/**
+ * Wrapper for the Switch component to be used with `react-hook-form`.
+ *
+ * Use this component whenever a design calls for wrapping the Switch component
+ * in a container with a label and description.
+ */
+declare const SwitchBox: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, description, optional, tooltip, onCheckedChange, ...props }: SwitchBoxProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+
+interface FileType {
+    id: string;
+    url: string;
+    file: File;
+}
+interface FileUploadProps {
+    label: string;
+    multiple?: boolean;
+    hint?: string;
+    hasError?: boolean;
+    formats: string[];
+    onUploaded: (files: FileType[]) => void;
+    uploadedImage?: string | null;
+}
+declare const FileUpload: ({ label, hint, multiple, hasError, formats, onUploaded, uploadedImage, }: FileUploadProps) => react_jsx_runtime.JSX.Element;
+
+type ChipInputProps = {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    onBlur?: () => void;
+    name?: string;
+    disabled?: boolean;
+    allowDuplicates?: boolean;
+    showRemove?: boolean;
+    variant?: "base" | "contrast";
+    placeholder?: string;
+    className?: string;
+};
+declare const ChipInput: react.ForwardRefExoticComponent<ChipInputProps & react.RefAttributes<HTMLInputElement>>;
+
+type NoResultsProps = {
+    title?: string;
+    message?: string;
+    className?: string;
+};
+
+type DataTableOrderByKey<TData> = {
+    key: keyof TData;
+    label: string;
+};
+
+interface DataTableQueryProps<TData> {
+    search?: boolean | "autofocus";
+    orderBy?: DataTableOrderByKey<TData>[];
+    filters?: Filter[];
+    prefix?: string;
+}
+
+type BulkCommand = {
+    label: string;
+    shortcut: string;
+    action: (selection: Record<string, boolean>) => Promise<void>;
+};
+interface DataTableRootProps<TData> {
+    /**
+     * The table instance to render
+     */
+    table: Table<TData>;
+    /**
+     * The columns to render
+     */
+    columns: ColumnDef<TData, any>[];
+    /**
+     * Function to generate a link to navigate to when clicking on a row
+     */
+    navigateTo?: (row: Row<TData>) => string;
+    /**
+     * Bulk actions to render
+     */
+    commands?: BulkCommand[];
+    /**
+     * The total number of items in the table
+     */
+    count?: number;
+    /**
+     * Whether to display pagination controls
+     */
+    pagination?: boolean;
+    /**
+     * Whether the table is empty due to no results from the active query
+     */
+    noResults?: boolean;
+    /**
+     * Whether to display the tables header
+     */
+    noHeader?: boolean;
+    /**
+     * The layout of the table
+     */
+    layout?: "fill" | "fit";
+}
+
+interface DataTableProps<TData> extends Omit<DataTableRootProps<TData>, "noResults">, DataTableQueryProps<TData> {
+    isLoading?: boolean;
+    pageSize: number;
+    queryObject?: Record<string, any>;
+    noRecords?: Pick<NoResultsProps, "title" | "message">;
+}
+/**
+ * @deprecated Use the DataTable component from "/components/data-table" instead
+ */
+declare const _DataTable: <TData>({ table, columns, pagination, navigateTo, commands, count, search, orderBy, filters, prefix, queryObject, pageSize, isLoading, noHeader, layout, noRecords: noRecordsProps, }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+
+type Option = {
+    label: string;
+    value: unknown;
+};
+type Filter = {
+    key: string;
+    label: string;
+} & ({
+    type: "select";
+    options: Option[];
+    multiple?: boolean;
+    searchable?: boolean;
+} | {
+    type: "date";
+    options?: never;
+} | {
+    type: "string";
+    options?: never;
+} | {
+    type: "number";
+    options?: never;
+});
+
+type UseDataTableProps<TData> = {
+    data?: TData[];
+    columns: ColumnDef<TData, any>[];
+    count?: number;
+    pageSize?: number;
+    enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+    rowSelection?: {
+        state: RowSelectionState;
+        updater: OnChangeFn<RowSelectionState>;
+    };
+    enablePagination?: boolean;
+    enableExpandableRows?: boolean;
+    getRowId?: (original: TData, index: number) => string;
+    getSubRows?: (original: TData) => TData[];
+    meta?: Record<string, unknown>;
+    prefix?: string;
+};
+declare const useDataTable: <TData>({ data, columns, count, pageSize: _pageSize, enablePagination, enableRowSelection, enableExpandableRows, rowSelection: _rowSelection, getSubRows, getRowId, meta, prefix, }: UseDataTableProps<TData>) => {
+    table: _tanstack_react_table.Table<TData>;
+};
+
+interface PageProps<TData> {
+    children: ReactNode;
+    data?: TData;
+    showJSON?: boolean;
+    showMetadata?: boolean;
+    hasOutlet?: boolean;
+}
+
+declare const SingleColumnPage: <TData>({ children, data, hasOutlet, showJSON, showMetadata, }: PageProps<TData>) => react_jsx_runtime.JSX.Element;
+
+type Action = {
+    icon: ReactNode;
+    label: string;
+    disabled?: boolean;
+    /**
+     * Optional tooltip to display when a disabled action is hovered.
+     */
+    disabledTooltip?: string | ReactNode;
+} & ({
+    to: string;
+    onClick?: never;
+} | {
+    onClick: () => void;
+    to?: never;
+});
+type ActionGroup = {
+    actions: Action[];
+};
+type ActionMenuProps = PropsWithChildren<{
+    groups: ActionGroup[];
+    variant?: "transparent" | "primary";
+}>;
+declare const ActionMenu: ({ groups, variant, children, }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+
 declare const Notifications: () => react_jsx_runtime.JSX.Element;
 
-export { Notifications, type TabDefinition, TabbedForm, App as default, useTabbedForm };
+export { ActionMenu, ChipInput, _DataTable as DataTable, type FileType, FileUpload, type FileUploadProps, type Filter, Form, Notifications, SingleColumnPage, SwitchBox, TabDefinition, TabbedForm, App as default, useDataTable, useTabbedForm };