@vendure/admin-ui 2.1.1 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendure/admin-ui",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "license": "MIT",
   "dependencies": {
     "@angular/animations": "^16.2.2",
@@ -23,7 +23,7 @@
     "@ng-select/ng-select": "^11.1.1",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
-    "@vendure/common": "^2.1.1",
+    "@vendure/common": "^2.1.2",
     "@webcomponents/custom-elements": "^1.6.0",
     "apollo-angular": "^5.0.0",
     "apollo-upload-client": "^17.0.0",
@@ -101,18 +101,18 @@
       "esm": "./esm2022/marketing/vendure-admin-ui-marketing.mjs",
       "default": "./fesm2022/vendure-admin-ui-marketing.mjs"
     },
-    "./order": {
-      "types": "./order/index.d.ts",
-      "esm2022": "./esm2022/order/vendure-admin-ui-order.mjs",
-      "esm": "./esm2022/order/vendure-admin-ui-order.mjs",
-      "default": "./fesm2022/vendure-admin-ui-order.mjs"
-    },
     "./react": {
       "types": "./react/index.d.ts",
       "esm2022": "./esm2022/react/vendure-admin-ui-react.mjs",
       "esm": "./esm2022/react/vendure-admin-ui-react.mjs",
       "default": "./fesm2022/vendure-admin-ui-react.mjs"
     },
+    "./order": {
+      "types": "./order/index.d.ts",
+      "esm2022": "./esm2022/order/vendure-admin-ui-order.mjs",
+      "esm": "./esm2022/order/vendure-admin-ui-order.mjs",
+      "default": "./fesm2022/vendure-admin-ui-order.mjs"
+    },
     "./settings": {
       "types": "./settings/index.d.ts",
       "esm2022": "./esm2022/settings/vendure-admin-ui-settings.mjs",

package/react/react-hooks/use-query.d.ts

@@ -1,5 +1,7 @@
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { DataService } from '@vendure/admin-ui/core';
 import { DocumentNode } from 'graphql/index';
+import { Observable } from 'rxjs';
 /**
  * @description
  * A React hook which provides access to the results of a GraphQL query.
@@ -90,3 +92,9 @@ export declare function useMutation<T, V extends Record<string, any> = Record<st
     loading: boolean;
     error: string | undefined;
 }];
+export declare function useDataService<T, V extends Record<string, any> = Record<string, any>>(operation: (dataService: DataService, variables?: V) => Observable<T>): {
+    data: T | undefined;
+    loading: boolean;
+    error: string | undefined;
+    runQuery: (variables?: V) => Observable<T>;
+};

package/react/register-react-data-table-component.d.ts

@@ -33,8 +33,8 @@ export interface ReactDataTableComponentConfig {
  * @description
  * The props that will be passed to the React component registered via {@link registerReactDataTableComponent}.
  */
-export interface ReactDataTableComponentProps {
-    rowItem: any;
+export interface ReactDataTableComponentProps<T = any> {
+    rowItem: T;
     [prop: string]: any;
 }
 /**
@@ -48,7 +48,7 @@ export interface ReactDataTableComponentProps {
  * import { ReactDataTableComponentProps } from '\@vendure/admin-ui/react';
  * import React from 'react';
  *
- * export function SlugWithLink({ rowItem }: ReactDataTableComponentProps) {
+ * export function SlugWithLink({ rowItem }: ReactDataTableComponentProps<{ slug: string }>) {
  *     return (
  *         <a href={`https://example.com/products/${rowItem.slug}`} target="_blank">
  *             {rowItem.slug}
@@ -67,7 +67,7 @@ export interface ReactDataTableComponentProps {
  *         tableId: 'product-list',
  *         columnId: 'slug',
  *         props: {
- *         foo: 'bar',
+ *           foo: 'bar',
  *         },
  *     }),
  * ];

package/static/styles/global/_overrides.scss

@@ -112,6 +112,10 @@ button.icon-button {
 .btn.btn-link.nav-link {
     background-color: transparent;
 }
+clr-tabs .btn.btn-link {
+    box-shadow: none;
+}
+
 
 .alert {
     border: 1px solid var(--color-primary-150);