@availity/mui-spaces 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.1.2](https://github.com/Availity/element/compare/@availity/mui-spaces@1.1.1...@availity/mui-spaces@1.1.2) (2025-10-30)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.1.1`
+* `mui-card` updated to version `1.1.1`
+* `mui-chip` updated to version `1.1.1`
+* `mui-dialog` updated to version `1.1.1`
+* `mui-disclaimer` updated to version `1.1.1`
+* `mui-favorites` updated to version `1.1.1`
+* `mui-icon` updated to version `1.1.1`
+* `mui-layout` updated to version `1.1.1`
+* `mui-list` updated to version `1.1.1`
+* `mui-modal` updated to version `1.1.1`
+* `mui-progress` updated to version `1.1.1`
+* `mui-typography` updated to version `1.1.1`
+* `mui-paper` updated to version `1.1.1`
+## [1.1.1](https://github.com/Availity/element/compare/@availity/mui-spaces@1.1.0...@availity/mui-spaces@1.1.1) (2025-10-09)
+
+### Dependency Updates
+
+* `mui-favorites` updated to version `1.1.0`
+* `@availity/mock` updated to version `1.1.0`
+
+### Bug Fixes
+
+* **mui-spaces:** try to parse operationName ([8189c94](https://github.com/Availity/element/commit/8189c94dd6b8fef981266d121b3a2893639fa482))
+
 ## [1.1.0](https://github.com/Availity/element/compare/@availity/mui-spaces@1.0.31...@availity/mui-spaces@1.1.0) (2025-09-25)
 
 

package/dist/index.d.mts

@@ -88,6 +88,11 @@ type SpacesProps = {
     /**
      * Name for the GraphQL operation, used for debugging and monitoring.
      *
+     * If an operation name exists in the query string, leave this undefined or
+     * ensure it matches what is in the query string.
+     *
+     * If no operation name exists in the query string, it can be defined here.
+     *
      * Format: `{ValueStream || PayerName}{AbbreviatedAppName}{Description}{Type}` (PascalCase)
      * @example "OnbPsFavoritesQuery"
      */

package/dist/index.d.ts

@@ -88,6 +88,11 @@ type SpacesProps = {
     /**
      * Name for the GraphQL operation, used for debugging and monitoring.
      *
+     * If an operation name exists in the query string, leave this undefined or
+     * ensure it matches what is in the query string.
+     *
+     * If no operation name exists in the query string, it can be defined here.
+     *
      * Format: `{ValueStream || PayerName}{AbbreviatedAppName}{Description}{Type}` (PascalCase)
      * @example "OnbPsFavoritesQuery"
      */

package/dist/index.js

@@ -98,6 +98,10 @@ var import_react_query = require("@tanstack/react-query");
 
 // src/lib/spaces-data.tsx
 var import_api_axios = require("@availity/api-axios");
+var parseOperationName = (query) => {
+  const match = query.match(/(?:query|mutation|subscription)\s+([a-zA-Z_][a-zA-Z0-9_]*)/i);
+  return match == null ? void 0 : match[1];
+};
 var actions = {
   SPACES: (currentState, { spaces, spacesByConfig, spacesByPayer }) => ({
     previousSpacesMap: spaces,
@@ -131,7 +135,7 @@ var fetchSpaces = (_0) => __async(null, [_0], function* ({ query, clientId, vari
     {
       query,
       variables: __spreadValues({}, variables),
-      operationName: operationName || "PuiSpacesCmpAnonymousOperation"
+      operationName: operationName || parseOperationName(query) || "PuiSpacesCmpAnonymousOperation"
     },
     { headers: __spreadValues({}, headers) }
   );
@@ -164,7 +168,7 @@ var fetchAllSpaces = (_0) => __async(null, [_0], function* ({
 });
 
 // src/lib/configurationFindMany.tsx
-var configurationFindMany_default = `query configurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
+var configurationFindMany_default = `query PuiSpacesCmpConfigurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
   configurationPagination(filter: { ids: $ids, payerIds: $payerIDs, types: $types }, page: $page) {
     pageInfo {
       hasNextPage

package/dist/index.mjs

@@ -56,6 +56,10 @@ import { useQueries } from "@tanstack/react-query";
 
 // src/lib/spaces-data.tsx
 import { avWebQLApi } from "@availity/api-axios";
+var parseOperationName = (query) => {
+  const match = query.match(/(?:query|mutation|subscription)\s+([a-zA-Z_][a-zA-Z0-9_]*)/i);
+  return match == null ? void 0 : match[1];
+};
 var actions = {
   SPACES: (currentState, { spaces, spacesByConfig, spacesByPayer }) => ({
     previousSpacesMap: spaces,
@@ -89,7 +93,7 @@ var fetchSpaces = (_0) => __async(null, [_0], function* ({ query, clientId, vari
     {
       query,
       variables: __spreadValues({}, variables),
-      operationName: operationName || "PuiSpacesCmpAnonymousOperation"
+      operationName: operationName || parseOperationName(query) || "PuiSpacesCmpAnonymousOperation"
     },
     { headers: __spreadValues({}, headers) }
   );
@@ -122,7 +126,7 @@ var fetchAllSpaces = (_0) => __async(null, [_0], function* ({
 });
 
 // src/lib/configurationFindMany.tsx
-var configurationFindMany_default = `query configurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
+var configurationFindMany_default = `query PuiSpacesCmpConfigurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
   configurationPagination(filter: { ids: $ids, payerIds: $payerIDs, types: $types }, page: $page) {
     pageInfo {
       hasNextPage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-spaces",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Availity MUI Spaces Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,19 +40,19 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^1.1.4",
-    "@availity/mui-card": "^1.0.12",
-    "@availity/mui-chip": "^1.0.4",
-    "@availity/mui-dialog": "^1.0.15",
-    "@availity/mui-disclaimer": "^1.0.5",
-    "@availity/mui-favorites": "^1.1.6",
-    "@availity/mui-icon": "^1.1.0",
-    "@availity/mui-layout": "^1.0.2",
-    "@availity/mui-list": "^1.0.7",
-    "@availity/mui-modal": "^1.0.12",
-    "@availity/mui-paper": "^1.0.2",
-    "@availity/mui-progress": "^1.0.3",
-    "@availity/mui-typography": "^1.0.2",
+    "@availity/mui-button": "^1.1.5",
+    "@availity/mui-card": "^1.0.13",
+    "@availity/mui-chip": "^1.0.5",
+    "@availity/mui-dialog": "^1.0.16",
+    "@availity/mui-disclaimer": "^1.0.6",
+    "@availity/mui-favorites": "^1.1.8",
+    "@availity/mui-icon": "^1.1.1",
+    "@availity/mui-layout": "^1.0.3",
+    "@availity/mui-list": "^1.0.8",
+    "@availity/mui-modal": "^1.0.13",
+    "@availity/mui-paper": "^1.0.3",
+    "@availity/mui-progress": "^1.0.4",
+    "@availity/mui-typography": "^1.0.3",
     "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -61,18 +61,18 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-button": "^1.1.4",
-    "@availity/mui-card": "^1.0.12",
-    "@availity/mui-chip": "^1.0.4",
-    "@availity/mui-dialog": "^1.0.15",
-    "@availity/mui-disclaimer": "^1.0.5",
-    "@availity/mui-favorites": "^1.1.6",
-    "@availity/mui-icon": "^1.1.0",
-    "@availity/mui-layout": "^1.0.2",
-    "@availity/mui-list": "^1.0.7",
-    "@availity/mui-modal": "^1.0.12",
-    "@availity/mui-progress": "^1.0.3",
-    "@availity/mui-typography": "^1.0.2",
+    "@availity/mui-button": "^1.1.5",
+    "@availity/mui-card": "^1.0.13",
+    "@availity/mui-chip": "^1.0.5",
+    "@availity/mui-dialog": "^1.0.16",
+    "@availity/mui-disclaimer": "^1.0.6",
+    "@availity/mui-favorites": "^1.1.8",
+    "@availity/mui-icon": "^1.1.1",
+    "@availity/mui-layout": "^1.0.3",
+    "@availity/mui-list": "^1.0.8",
+    "@availity/mui-modal": "^1.0.13",
+    "@availity/mui-progress": "^1.0.4",
+    "@availity/mui-typography": "^1.0.3",
     "@mui/material": "^6.4.5",
     "react": ">=16.3.0",
     "react-router-dom": "^6.26.0"
@@ -91,5 +91,6 @@
     "qs": "^6.14.0",
     "react-image": "^4.1.0",
     "react-markdown": "^6.0.3"
-  }
+  },
+  "sideEffects": false
 }

package/src/lib/configurationFindMany.tsx

@@ -1,4 +1,4 @@
-export default `query configurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
+export default `query PuiSpacesCmpConfigurationFindMany($ids: [String!], $payerIDs: [ID!], $types: [TypeEnum!], $page: Int) {
   configurationPagination(filter: { ids: $ids, payerIds: $payerIDs, types: $types }, page: $page) {
     pageInfo {
       hasNextPage

package/src/lib/spaces-data.test.tsx

@@ -1,4 +1,4 @@
-import { fetchAllSpaces } from './spaces-data';
+import { fetchAllSpaces, parseOperationName } from './spaces-data';
 import configurationFindMany from './configurationFindMany';
 // eslint-disable-next-line @nx/enforce-module-boundaries
 import { server } from '../../../mock/src/lib/server';
@@ -38,3 +38,42 @@ describe('getAllSpaces', () => {
     expect(apiCalls).toBe(2);
   });
 });
+
+describe('parseQueryName', () => {
+  it('should return the query name if one exists in the query', async () => {
+    const opName = parseOperationName(configurationFindMany);
+
+    expect(opName).toBe('PuiSpacesCmpConfigurationFindMany');
+  });
+
+  it('should return the mutation name if one exists in the mutation', async () => {
+    const opName = parseOperationName(`
+      mutation FakeMutation($ids: [String!]) {
+        fakeMutation({ ids: $ids }) {
+          id
+        }
+    }`);
+
+    expect(opName).toBe('FakeMutation');
+  });
+
+  it('should return the subscription name if one exists in the subscription', async () => {
+    const opName = parseOperationName(`
+      subscription FakeSubscription($ids: [String!]) {
+        fakeSubscription({ ids: $ids }) {
+          id
+        }
+      }`);
+
+    expect(opName).toBe('FakeSubscription');
+  });
+
+  it('should return undefined if an opeation does not exist on the query', async () => {
+    const opName = parseOperationName(`
+        fakeQuery({ ids: $ids }) {
+          id
+        }`);
+
+    expect(opName).toBe(undefined);
+  });
+});

package/src/lib/spaces-data.tsx

@@ -1,6 +1,11 @@
 import { avWebQLApi } from '@availity/api-axios';
 import { Space, FetchSpacesProps, FetchAllSpacesProps, SpacesContextType, SpacesReducerAction } from './spaces-types';
 
+export const parseOperationName = (query: string): string | undefined => {
+  const match = query.match(/(?:query|mutation|subscription)\s+([a-zA-Z_][a-zA-Z0-9_]*)/i);
+  return match?.[1];
+};
+
 export const actions = {
   SPACES: (
     currentState: SpacesContextType,
@@ -43,7 +48,7 @@ export const fetchSpaces = async ({ query, clientId, variables, operationName }:
     {
       query,
       variables: { ...variables },
-      operationName: operationName || 'PuiSpacesCmpAnonymousOperation',
+      operationName: operationName || parseOperationName(query) || 'PuiSpacesCmpAnonymousOperation',
     },
     { headers: { ...headers } }
   );

package/src/lib/spaces-types.tsx

@@ -69,6 +69,11 @@ export type FetchSpacesProps = {
   /**
    * Name for the GraphQL operation, used for debugging and monitoring.
    *
+   * If an operation name exists in the query string, leave this undefined or
+   * ensure it matches what is in the query string.
+   *
+   * If no operation name exists in the query string, it can be defined here.
+   *
    * Format: `{ValueStream || PayerName}{AbbreviatedAppName}{Description}{Type}` (PascalCase)
    * @example "OnbPsFavoritesQuery"
    */
@@ -87,6 +92,11 @@ export type FetchAllSpacesProps = {
   /**
    * Name for the GraphQL operation, used for debugging and monitoring.
    *
+   * If an operation name exists in the query string, leave this undefined or
+   * ensure it matches what is in the query string.
+   *
+   * If no operation name exists in the query string, it can be defined here.
+   *
    * Format: `{ValueStream || PayerName}{AbbreviatedAppName}{Description}{Type}` (PascalCase)
    * @example "OnbPsFavoritesQuery"
    */
@@ -133,6 +143,11 @@ export type SpacesProps = {
   /**
    * Name for the GraphQL operation, used for debugging and monitoring.
    *
+   * If an operation name exists in the query string, leave this undefined or
+   * ensure it matches what is in the query string.
+   *
+   * If no operation name exists in the query string, it can be defined here.
+   *
    * Format: `{ValueStream || PayerName}{AbbreviatedAppName}{Description}{Type}` (PascalCase)
    * @example "OnbPsFavoritesQuery"
    */