@deenruv/admin-ui 1.0.0

package/order/order.module.d.ts

@@ -0,0 +1,52 @@
+import { PageService } from '@deenruv/admin-ui/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/order-list/order-list.component";
+import * as i2 from "./components/order-detail/order-detail.component";
+import * as i3 from "./components/fulfill-order-dialog/fulfill-order-dialog.component";
+import * as i4 from "./components/line-fulfillment/line-fulfillment.component";
+import * as i5 from "./components/refund-order-dialog/refund-order-dialog.component";
+import * as i6 from "./components/cancel-order-dialog/cancel-order-dialog.component";
+import * as i7 from "./components/payment-state-label/payment-state-label.component";
+import * as i8 from "./components/line-refunds/line-refunds.component";
+import * as i9 from "./components/order-payment-card/order-payment-card.component";
+import * as i10 from "./components/refund-state-label/refund-state-label.component";
+import * as i11 from "./components/settle-refund-dialog/settle-refund-dialog.component";
+import * as i12 from "./components/order-history/order-history.component";
+import * as i13 from "./components/fulfillment-detail/fulfillment-detail.component";
+import * as i14 from "./components/payment-detail/payment-detail.component";
+import * as i15 from "./components/simple-item-list/simple-item-list.component";
+import * as i16 from "./components/order-custom-fields-card/order-custom-fields-card.component";
+import * as i17 from "./components/order-process-graph/order-process-graph.component";
+import * as i18 from "./components/order-process-graph/order-process-node.component";
+import * as i19 from "./components/order-process-graph/order-process-edge.component";
+import * as i20 from "./components/order-process-graph-dialog/order-process-graph-dialog.component";
+import * as i21 from "./components/fulfillment-state-label/fulfillment-state-label.component";
+import * as i22 from "./components/fulfillment-card/fulfillment-card.component";
+import * as i23 from "./components/order-editor/order-editor.component";
+import * as i24 from "./components/order-table/order-table.component";
+import * as i25 from "./components/order-edits-preview-dialog/order-edits-preview-dialog.component";
+import * as i26 from "./components/modification-detail/modification-detail.component";
+import * as i27 from "./components/add-manual-payment-dialog/add-manual-payment-dialog.component";
+import * as i28 from "./components/order-state-select-dialog/order-state-select-dialog.component";
+import * as i29 from "./components/draft-order-detail/draft-order-detail.component";
+import * as i30 from "./components/draft-order-variant-selector/draft-order-variant-selector.component";
+import * as i31 from "./components/select-customer-dialog/select-customer-dialog.component";
+import * as i32 from "./components/select-address-dialog/select-address-dialog.component";
+import * as i33 from "./components/coupon-code-selector/coupon-code-selector.component";
+import * as i34 from "./components/select-shipping-method-dialog/select-shipping-method-dialog.component";
+import * as i35 from "./components/order-history/order-history-entry-host.component";
+import * as i36 from "./components/seller-orders-card/seller-orders-card.component";
+import * as i37 from "./components/order-data-table/order-data-table.component";
+import * as i38 from "./components/order-data-table/order-total-column.component";
+import * as i39 from "./components/payment-for-refund-selector/payment-for-refund-selector.component";
+import * as i40 from "./components/order-modification-summary/order-modification-summary.component";
+import * as i41 from "./components/refund-detail/refund-detail.component";
+import * as i42 from "@deenruv/admin-ui/core";
+import * as i43 from "@angular/router";
+export declare class OrderModule {
+    private static hasRegisteredTabsAndBulkActions;
+    constructor(pageService: PageService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OrderModule, [typeof i1.OrderListComponent, typeof i2.OrderDetailComponent, typeof i3.FulfillOrderDialogComponent, typeof i4.LineFulfillmentComponent, typeof i5.RefundOrderDialogComponent, typeof i6.CancelOrderDialogComponent, typeof i7.PaymentStateLabelComponent, typeof i8.LineRefundsComponent, typeof i9.OrderPaymentCardComponent, typeof i10.RefundStateLabelComponent, typeof i11.SettleRefundDialogComponent, typeof i12.OrderHistoryComponent, typeof i13.FulfillmentDetailComponent, typeof i14.PaymentDetailComponent, typeof i15.SimpleItemListComponent, typeof i16.OrderCustomFieldsCardComponent, typeof i17.OrderProcessGraphComponent, typeof i18.OrderProcessNodeComponent, typeof i19.OrderProcessEdgeComponent, typeof i20.OrderProcessGraphDialogComponent, typeof i21.FulfillmentStateLabelComponent, typeof i22.FulfillmentCardComponent, typeof i23.OrderEditorComponent, typeof i24.OrderTableComponent, typeof i25.OrderEditsPreviewDialogComponent, typeof i26.ModificationDetailComponent, typeof i27.AddManualPaymentDialogComponent, typeof i28.OrderStateSelectDialogComponent, typeof i29.DraftOrderDetailComponent, typeof i30.DraftOrderVariantSelectorComponent, typeof i31.SelectCustomerDialogComponent, typeof i32.SelectAddressDialogComponent, typeof i33.CouponCodeSelectorComponent, typeof i34.SelectShippingMethodDialogComponent, typeof i35.OrderHistoryEntryHostComponent, typeof i36.SellerOrdersCardComponent, typeof i37.OrderDataTableComponent, typeof i38.OrderTotalColumnComponent, typeof i39.PaymentForRefundSelectorComponent, typeof i40.OrderModificationSummaryComponent, typeof i41.RefundDetailComponent], [typeof i42.SharedModule, typeof i43.RouterModule], [typeof i16.OrderCustomFieldsCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OrderModule>;
+}

package/order/order.routes.d.ts

@@ -0,0 +1,3 @@
+import { Route } from '@angular/router';
+import { PageService } from '@deenruv/admin-ui/core';
+export declare const createRoutes: (pageService: PageService) => Route[];

package/order/providers/order-transition.service.d.ts

@@ -0,0 +1,32 @@
+import { DataService, I18nService, ModalService, NotificationService } from '@deenruv/admin-ui/core';
+import * as i0 from "@angular/core";
+export declare class OrderTransitionService {
+    private dataService;
+    private modalService;
+    private notificationService;
+    private i18nService;
+    constructor(dataService: DataService, modalService: ModalService, notificationService: NotificationService, i18nService: I18nService);
+    /**
+     * Attempts to transition the Order to the last state it was in before it was transitioned
+     * to the "Modifying" state. If this fails, a manual prompt is used.
+     */
+    transitionToPreModifyingState(orderId: string, nextStates: string[]): import("rxjs").Observable<string | undefined>;
+    /**
+     * Displays a modal for manually selecting the next state.
+     */
+    manuallyTransitionToState(options: {
+        orderId: string;
+        nextStates: string[];
+        message: string;
+        cancellable: boolean;
+        retry: number;
+    }): import("rxjs").Observable<string | undefined>;
+    /**
+     * Attempts to get the last state the Order was in before it was transitioned
+     * to the "Modifying" state.
+     */
+    private getPreModifyingState;
+    private transitionToStateOrThrow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderTransitionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OrderTransitionService>;
+}

package/order/providers/routing/order.guard.d.ts

@@ -0,0 +1,13 @@
+import { ActivatedRouteSnapshot, Router, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { DataService } from '@deenruv/admin-ui/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const GET_ORDER_STATE: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare class OrderGuard {
+    private dataService;
+    private router;
+    constructor(dataService: DataService, router: Router);
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderGuard, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OrderGuard>;
+}

package/order/public_api.d.ts

@@ -0,0 +1,51 @@
+export * from './common/get-refundable-payments';
+export * from './common/modify-order-types';
+export * from './components/add-manual-payment-dialog/add-manual-payment-dialog.component';
+export * from './components/cancel-order-dialog/cancel-order-dialog.component';
+export * from './components/coupon-code-selector/coupon-code-selector.component';
+export * from './components/draft-order-detail/draft-order-detail.component';
+export * from './components/draft-order-variant-selector/draft-order-variant-selector.component';
+export * from './components/fulfill-order-dialog/fulfill-order-dialog.component';
+export * from './components/fulfillment-card/fulfillment-card.component';
+export * from './components/fulfillment-detail/fulfillment-detail.component';
+export * from './components/fulfillment-state-label/fulfillment-state-label.component';
+export * from './components/line-fulfillment/line-fulfillment.component';
+export * from './components/line-refunds/line-refunds.component';
+export * from './components/modification-detail/modification-detail.component';
+export * from './components/order-custom-fields-card/order-custom-fields-card.component';
+export * from './components/order-data-table/order-data-table.component';
+export * from './components/order-data-table/order-total-column.component';
+export * from './components/order-detail/order-detail.component';
+export * from './components/order-editor/order-editor.component';
+export * from './components/order-edits-preview-dialog/order-edits-preview-dialog.component';
+export * from './components/order-history/order-history-entry-host.component';
+export * from './components/order-history/order-history.component';
+export * from './components/order-list/order-list.component';
+export * from './components/order-modification-summary/order-modification-summary.component';
+export * from './components/order-payment-card/order-payment-card.component';
+export * from './components/order-process-graph/constants';
+export * from './components/order-process-graph/order-process-edge.component';
+export * from './components/order-process-graph/order-process-graph.component';
+export * from './components/order-process-graph/order-process-node.component';
+export * from './components/order-process-graph/types';
+export * from './components/order-process-graph-dialog/order-process-graph-dialog.component';
+export * from './components/order-state-select-dialog/order-state-select-dialog.component';
+export * from './components/order-table/order-table.component';
+export * from './components/payment-detail/payment-detail.component';
+export * from './components/payment-for-refund-selector/payment-for-refund-selector.component';
+export * from './components/payment-state-label/payment-state-label.component';
+export * from './components/refund-detail/refund-detail.component';
+export * from './components/refund-order-dialog/refund-order-dialog.component';
+export * from './components/refund-state-label/refund-state-label.component';
+export * from './components/select-address-dialog/select-address-dialog.component';
+export * from './components/select-address-dialog/select-address-dialog.graphql';
+export * from './components/select-customer-dialog/select-customer-dialog.component';
+export * from './components/select-shipping-method-dialog/select-shipping-method-dialog.component';
+export * from './components/seller-orders-card/seller-orders-card.component';
+export * from './components/seller-orders-card/seller-orders-card.graphql';
+export * from './components/settle-refund-dialog/settle-refund-dialog.component';
+export * from './components/simple-item-list/simple-item-list.component';
+export * from './order.module';
+export * from './order.routes';
+export * from './providers/order-transition.service';
+export * from './providers/routing/order.guard';

package/package.json

@@ -0,0 +1,133 @@
+{
+  "name": "@deenruv/admin-ui",
+  "version": "1.0.0",
+  "license": "MIT",
+  "dependencies": {
+    "@angular/animations": "^17.2.4",
+    "@angular/cdk": "^17.2.2",
+    "@angular/common": "^17.2.4",
+    "@angular/core": "^17.2.4",
+    "@angular/forms": "^17.2.4",
+    "@angular/language-service": "^17.2.4",
+    "@angular/platform-browser": "^17.2.4",
+    "@angular/platform-browser-dynamic": "^17.2.4",
+    "@angular/router": "^17.2.4",
+    "@apollo/client": "^3.9.6",
+    "@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
+    "@cds/core": "^6.9.2",
+    "@clr/angular": "^17.0.1",
+    "@clr/core": "^4.0.15",
+    "@clr/icons": "^13.0.2",
+    "@clr/ui": "^17.0.1",
+    "@graphql-typed-document-node/core": "^3.2.0",
+    "@messageformat/core": "^3.2.0",
+    "@ng-select/ng-select": "^12.0.7",
+    "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
+    "@webcomponents/custom-elements": "^1.6.0",
+    "apollo-angular": "^6.0.0",
+    "apollo-upload-client": "^18.0.1",
+    "chartist": "^1.3.0",
+    "codejar": "^4.2.0",
+    "dayjs": "^1.11.10",
+    "graphql": "~16.9.0",
+    "just-extend": "^6.2.0",
+    "lodash": "^4.17.21",
+    "messageformat": "2.3.0",
+    "ngx-pagination": "^6.0.3",
+    "ngx-translate-messageformat-compiler": "^6.5.0",
+    "prosemirror-commands": "^1.5.2",
+    "prosemirror-dropcursor": "^1.8.1",
+    "prosemirror-gapcursor": "^1.3.2",
+    "prosemirror-history": "^1.3.2",
+    "prosemirror-inputrules": "^1.4.0",
+    "prosemirror-keymap": "^1.2.2",
+    "prosemirror-menu": "^1.2.4",
+    "prosemirror-model": "^1.22.3",
+    "prosemirror-schema-basic": "^1.2.2",
+    "prosemirror-schema-list": "^1.3.0",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.3.7",
+    "prosemirror-view": "^1.37.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.79.4",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.4",
+    "@deenruv/common": "1.0.0"
+  },
+  "module": "fesm2022/deenruv-admin-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/deenruv-admin-ui.mjs",
+      "esm": "./esm2022/deenruv-admin-ui.mjs",
+      "default": "./fesm2022/deenruv-admin-ui.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./esm2022/core/deenruv-admin-ui-core.mjs",
+      "esm": "./esm2022/core/deenruv-admin-ui-core.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-core.mjs"
+    },
+    "./dashboard": {
+      "types": "./dashboard/index.d.ts",
+      "esm2022": "./esm2022/dashboard/deenruv-admin-ui-dashboard.mjs",
+      "esm": "./esm2022/dashboard/deenruv-admin-ui-dashboard.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-dashboard.mjs"
+    },
+    "./catalog": {
+      "types": "./catalog/index.d.ts",
+      "esm2022": "./esm2022/catalog/deenruv-admin-ui-catalog.mjs",
+      "esm": "./esm2022/catalog/deenruv-admin-ui-catalog.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-catalog.mjs"
+    },
+    "./login": {
+      "types": "./login/index.d.ts",
+      "esm2022": "./esm2022/login/deenruv-admin-ui-login.mjs",
+      "esm": "./esm2022/login/deenruv-admin-ui-login.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-login.mjs"
+    },
+    "./marketing": {
+      "types": "./marketing/index.d.ts",
+      "esm2022": "./esm2022/marketing/deenruv-admin-ui-marketing.mjs",
+      "esm": "./esm2022/marketing/deenruv-admin-ui-marketing.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-marketing.mjs"
+    },
+    "./customer": {
+      "types": "./customer/index.d.ts",
+      "esm2022": "./esm2022/customer/deenruv-admin-ui-customer.mjs",
+      "esm": "./esm2022/customer/deenruv-admin-ui-customer.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-customer.mjs"
+    },
+    "./order": {
+      "types": "./order/index.d.ts",
+      "esm2022": "./esm2022/order/deenruv-admin-ui-order.mjs",
+      "esm": "./esm2022/order/deenruv-admin-ui-order.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-order.mjs"
+    },
+    "./react": {
+      "types": "./react/index.d.ts",
+      "esm2022": "./esm2022/react/deenruv-admin-ui-react.mjs",
+      "esm": "./esm2022/react/deenruv-admin-ui-react.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-react.mjs"
+    },
+    "./settings": {
+      "types": "./settings/index.d.ts",
+      "esm2022": "./esm2022/settings/deenruv-admin-ui-settings.mjs",
+      "esm": "./esm2022/settings/deenruv-admin-ui-settings.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-settings.mjs"
+    },
+    "./system": {
+      "types": "./system/index.d.ts",
+      "esm2022": "./esm2022/system/deenruv-admin-ui-system.mjs",
+      "esm": "./esm2022/system/deenruv-admin-ui-system.mjs",
+      "default": "./fesm2022/deenruv-admin-ui-system.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public_api.d.ts

@@ -0,0 +1,4 @@
+/**
+ * This is a placeholder. Please import from one of the sub-packages, e.g `@deenruv/admin-ui/core`
+ */
+export declare const placeholder = "Deenruv Admin UI";

package/react/components/react-custom-column.component.d.ts

@@ -0,0 +1,17 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import { CustomColumnComponent } from '@deenruv/admin-ui/core';
+import { ElementType } from 'react';
+import * as i0 from "@angular/core";
+export declare const REACT_CUSTOM_COLUMN_COMPONENT_OPTIONS: InjectionToken<{
+    component: ElementType;
+    props?: Record<string, any> | undefined;
+}>;
+export declare class ReactCustomColumnComponent implements CustomColumnComponent, OnInit {
+    rowItem: any;
+    protected reactComponent: ElementType;
+    private options;
+    protected props: Record<string, any>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactCustomColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReactCustomColumnComponent, "vdr-react-custom-column-component", never, { "rowItem": { "alias": "rowItem"; "required": false; }; }, {}, never, never, true, never>;
+}

package/react/components/react-custom-detail.component.d.ts

@@ -0,0 +1,24 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import { FormGroup, UntypedFormGroup } from '@angular/forms';
+import { CustomDetailComponent } from '@deenruv/admin-ui/core';
+import { ElementType } from 'react';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const REACT_CUSTOM_DETAIL_COMPONENT_OPTIONS: InjectionToken<{
+    component: ElementType;
+    props?: Record<string, any> | undefined;
+}>;
+export interface ReactCustomDetailComponentContext {
+    detailForm: FormGroup;
+    entity$: Observable<any>;
+}
+export declare class ReactCustomDetailComponent implements CustomDetailComponent, OnInit {
+    detailForm: UntypedFormGroup;
+    entity$: Observable<any>;
+    protected props: Record<string, any>;
+    protected reactComponent: ElementType;
+    protected context: ReactCustomDetailComponentContext;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactCustomDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReactCustomDetailComponent, "vdr-react-custom-detail-component", never, {}, {}, never, never, true, never>;
+}

package/react/components/react-form-input.component.d.ts

@@ -0,0 +1,20 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { CustomField, FormInputComponent } from '@deenruv/admin-ui/core';
+import { ElementType } from 'react';
+import { ReactFormInputOptions } from '../types';
+import * as i0 from "@angular/core";
+export declare const REACT_INPUT_COMPONENT_OPTIONS: InjectionToken<{
+    component: ElementType;
+}>;
+export declare class ReactFormInputComponent implements FormInputComponent, OnInit {
+    static readonly id: string;
+    readonly: boolean;
+    formControl: FormControl;
+    config: CustomField & Record<string, any>;
+    protected context: ReactFormInputOptions;
+    protected reactComponent: ElementType;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactFormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReactFormInputComponent, "vdr-react-form-input-component", never, {}, {}, never, never, true, never>;
+}

package/react/components/react-route.component.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+import { ReactRouteComponentOptions } from '../types';
+import * as i0 from "@angular/core";
+export declare const REACT_ROUTE_COMPONENT_OPTIONS: InjectionToken<ReactRouteComponentOptions>;
+export declare class ReactRouteComponent {
+    protected props: Record<string, any> | undefined;
+    protected reactComponent: import("@angular/core").Type<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactRouteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReactRouteComponent, "vdr-react-route-component", never, {}, {}, never, never, true, never>;
+}

package/react/directives/react-component-host.directive.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, Injector } from '@angular/core';
+import { PageMetadataService } from '@deenruv/admin-ui/core';
+import { ComponentProps, ElementType } from 'react';
+import { HostedReactComponentContext } from '../types';
+import * as i0 from "@angular/core";
+export declare const HostedComponentContext: import("react").Context<HostedReactComponentContext | null>;
+/**
+ * Based on https://netbasal.com/using-react-in-angular-applications-1bb907ecac91
+ */
+export declare class ReactComponentHostDirective<Comp extends ElementType> {
+    private host;
+    private injector;
+    private pageMetadataService?;
+    reactComponent: Comp;
+    props: ComponentProps<Comp>;
+    context: Record<string, any>;
+    private root;
+    constructor(host: ElementRef, injector: Injector, pageMetadataService?: PageMetadataService | undefined);
+    ngOnChanges(): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactComponentHostDirective<any>, [null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactComponentHostDirective<any>, "[vdrReactComponentHost]", never, { "reactComponent": { "alias": "vdrReactComponentHost"; "required": false; }; "props": { "alias": "props"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
+}

package/react/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@deenruv/admin-ui/react" />
+export * from './public_api';

package/react/public_api.d.ts

@@ -0,0 +1,25 @@
+export * from './components/react-custom-column.component';
+export * from './components/react-custom-detail.component';
+export * from './components/react-form-input.component';
+export * from './components/react-route.component';
+export * from './directives/react-component-host.directive';
+export * from './react-components/ActionBar';
+export * from './react-components/Card';
+export * from './react-components/CdsIcon';
+export * from './react-components/FormField';
+export * from './react-components/Link';
+export * from './react-components/PageBlock';
+export * from './react-components/PageDetailLayout';
+export * from './react-components/RichTextEditor';
+export * from './react-hooks/use-detail-component-data';
+export * from './react-hooks/use-form-control';
+export * from './react-hooks/use-injector';
+export * from './react-hooks/use-page-metadata';
+export * from './react-hooks/use-query';
+export * from './react-hooks/use-rich-text-editor';
+export * from './react-hooks/use-route-params';
+export * from './register-react-custom-detail-component';
+export * from './register-react-data-table-component';
+export * from './register-react-form-input-component';
+export * from './register-react-route-component';
+export * from './types';

package/react/react-components/ActionBar.d.ts

@@ -0,0 +1,23 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+/**
+ * @description
+ * A container for the primary actions on a list or detail page
+ *
+ * @example
+ * ```ts
+ * import { ActionBar } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <ActionBar leftContent={<div>Optional left content</div>}>
+ *       <button className='button primary'>Primary action</button>
+ *     </ActionBar>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function ActionBar(props: PropsWithChildren<{
+    leftContent?: ReactNode;
+}>): React.JSX.Element;

package/react/react-components/Card.d.ts

@@ -0,0 +1,24 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * @description
+ * A card component which can be used to group related content.
+ *
+ * @example
+ * ```ts
+ * import { Card } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <Card title='My Title'>
+ *       <p>Some content</p>
+ *     </Card>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function Card(props: PropsWithChildren<{
+    title?: string;
+    paddingX?: boolean;
+}>): React.JSX.Element;

package/react/react-components/CdsIcon.d.ts

@@ -0,0 +1,45 @@
+import { IconShapeTuple } from '@cds/core/icon/interfaces/icon.interfaces';
+import React, { DOMAttributes } from 'react';
+type CustomElement<T> = Partial<T & DOMAttributes<T> & {
+    children: any;
+}>;
+export interface CdsIconProps {
+    shape: string;
+    size: string | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    direction: 'up' | 'down' | 'left' | 'right';
+    flip: 'horizontal' | 'vertical';
+    solid: boolean;
+    status: 'info' | 'success' | 'warning' | 'danger';
+    inverse: boolean;
+    badge: 'info' | 'success' | 'warning' | 'danger';
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            ['cds-icon']: CustomElement<CdsIconProps>;
+        }
+    }
+}
+export declare function registerCdsIcon(icon: IconShapeTuple): void;
+/**
+ * @description
+ * A React wrapper for the Clarity UI icon component.
+ *
+ * @example
+ * ```ts
+ * import { userIcon } from '@cds/core/icon';
+ * import { CdsIcon } from '@deenruv/admin-ui/react';
+ *
+ * registerCdsIcon(userIcon);
+ * export function MyComponent() {
+ *    return <CdsIcon icon={userIcon} badge="warning" solid size="lg"></CdsIcon>;
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function CdsIcon(props: {
+    icon: IconShapeTuple;
+    className?: string;
+} & Partial<CdsIconProps>): React.JSX.Element;
+export {};

package/react/react-components/FormField.d.ts

@@ -0,0 +1,27 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * @description
+ * A wrapper around form fields which provides a label, tooltip and error message.
+ *
+ * @example
+ * ```ts
+ * import { FormField } from '@deenruv/admin-ui/react';
+ *
+ * export function MyReactComponent() {
+ *     return (
+ *        <FormField label="My field" tooltip="This is a tooltip" invalid errorMessage="This field is invalid">
+ *            <input type="text" />
+ *        </FormField>
+ *     );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function FormField(props: PropsWithChildren<{
+    for?: string;
+    label?: string;
+    tooltip?: string;
+    invalid?: boolean;
+    errorMessage?: string;
+}>): React.JSX.Element;

package/react/react-components/Link.d.ts

@@ -0,0 +1,22 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * @description
+ * A React component which renders an anchor tag and navigates to the specified route when clicked.
+ * This is useful when you want to use a React component in a Deenruv UI plugin which navigates to
+ * a route in the admin-ui.
+ *
+ * @example
+ * ```ts
+ * import { Link } from '@deenruv/admin-ui/react';
+ *
+ * export const MyReactComponent = () => {
+ *     return <Link href="/extensions/my-extension">Go to my extension</Link>;
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function Link(props: PropsWithChildren<{
+    href: string;
+    [props: string]: any;
+}>): React.JSX.Element;

package/react/react-components/PageBlock.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * @description
+ * A container for page content which provides a consistent width and spacing.
+ *
+ * @example
+ * ```ts
+ * import { PageBlock } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <PageBlock>
+ *       ...
+ *     </PageBlock>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function PageBlock(props: PropsWithChildren): React.JSX.Element;

package/react/react-components/PageDetailLayout.d.ts

@@ -0,0 +1,23 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+/**
+ * @description
+ * A responsive container for detail views with a main content area and an optional sidebar.
+ *
+ * @example
+ * ```ts
+ * import { PageDetailLayout } from '@deenruv/admin-ui/react';
+ *
+ * export function MyComponent() {
+ *   return (
+ *     <PageDetailLayout sidebar={<div>Sidebar content</div>}>
+ *       <div>Main content</div>
+ *     </PageDetailLayout>
+ *   );
+ * }
+ * ```
+ *
+ * @docsCategory react-components
+ */
+export declare function PageDetailLayout(props: PropsWithChildren<{
+    sidebar?: ReactNode;
+}>): React.JSX.Element;