@availity/mui-authorize 2.0.5 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.0.0](https://github.com/Availity/element/compare/@availity/mui-authorize@2.0.6...@availity/mui-authorize@3.0.0) (2026-06-16)
+
+### Dependency Updates
+
+* `mui-block-ui` updated to version `2.0.6`
+* `@availity/mock` updated to version `2.0.6`
+
+### ⚠ BREAKING CHANGES
+
+* CJS builds removed, packages are ESM-only.
+
+- Convert all packages to ESM (type: module)
+- Replace Jest with Vitest for all test targets
+- Migrate ESLint to v9 flat config (eslint.config.js)
+- Build output ESM-only (removed CJS dist/index.js require path)
+- Upgrade @tanstack/react-query from v4 to v5
+- Upgrade @availity/api-axios to v13
+- Drop Node 20 support (engines: ^22.0.0 || ^24.0.0)
+- Bump React to 19.2.7, MUI to 7.3.11, TypeScript to 5.9.3
+- Simplify CI caching with built-in yarn cache action + Nx cache
+- Modernize nx.json configuration
+- Update husky hooks to use yarn directly
+- Replace lint-staged nx affected with direct eslint
+
+### Features
+
+* migrate to ESM, Vitest, and ESLint 9 flat config ([cc22bb4](https://github.com/Availity/element/commit/cc22bb4a230bc1f3b190f187c4e61249d015b25b))
+
+## [2.0.6](https://github.com/Availity/element/compare/@availity/mui-authorize@2.0.5...@availity/mui-authorize@2.0.6) (2026-05-27)
+
 ## [2.0.5](https://github.com/Availity/element/compare/@availity/mui-authorize@2.0.4...@availity/mui-authorize@2.0.5) (2026-03-03)
 
 ### Dependency Updates

package/dist/index.js

@@ -1,33 +1,7 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Authorize: () => Authorize
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/lib/Authorize.tsx
-var import_mui_block_ui = require("@availity/mui-block-ui");
-var import_authorize = require("@availity/authorize");
-var import_jsx_runtime = require("react/jsx-runtime");
+import { BlockUi } from "@availity/mui-block-ui";
+import { useAuthorize } from "@availity/authorize";
+import { Fragment, jsx } from "react/jsx-runtime";
 var Authorize = ({
   loader = true,
   negate = false,
@@ -37,17 +11,16 @@ var Authorize = ({
   parameters = {},
   queryOptions
 }) => {
-  const { authorized, isLoading } = (0, import_authorize.useAuthorize)(permissions, parameters, queryOptions);
+  const { authorized, isLoading } = useAuthorize(permissions, parameters, queryOptions);
   if (isLoading) {
-    if (loader) return loader === true ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_block_ui.BlockUi, { blocking: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: loader });
+    if (loader) return loader === true ? /* @__PURE__ */ jsx(BlockUi, { blocking: true }) : /* @__PURE__ */ jsx(Fragment, { children: loader });
     return null;
   }
   if ((authorized || negate) && !(authorized && negate)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: unauthorized });
+  return /* @__PURE__ */ jsx(Fragment, { children: unauthorized });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Authorize
-});
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-authorize",
-  "version": "2.0.5",
+  "version": "3.0.0",
   "description": "Availity Authorize Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -21,42 +21,42 @@
   "author": "Availity Developers <AVOSS@availity.com>",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
     "clean": "rm -rf dist",
     "clean:nm": "rm -rf node_modules",
     "publish": "yarn npm publish --tolerate-republish --access public",
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/authorize": "^5.0.4",
-    "@availity/mui-block-ui": "^2.0.2",
-    "@tanstack/react-query": "^4.36.1"
+    "@availity/authorize": "^6.0.1",
+    "@availity/mui-block-ui": "^3.0.0"
   },
   "devDependencies": {
-    "@mui/material": "^7.3.4",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "tsup": "^8.4.0",
-    "typescript": "^5.4.5"
+    "@mui/material": "^7.3.11",
+    "@tanstack/react-query": "^5.101.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@mui/material": "^7.0.0",
+    "@tanstack/react-query": "^5.101.0",
     "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/project.json

@@ -8,25 +8,23 @@
     "lint": {
       "executor": "@nx/eslint:lint",
       "options": {
-        "eslintConfig": ".eslintrc.json",
-        "lintFilePatterns": ["packages/authorize/**/*.{js,ts}"],
+        "lintFilePatterns": [
+          "packages/authorize/**/*.{js,ts}"
+        ],
         "silent": false,
         "fix": false,
         "cache": true,
         "cacheLocation": "./node_modules/.cache/authorize/.eslintcache",
         "maxWarnings": -1,
         "quiet": false,
-        "noEslintrc": false,
         "hasTypeAwareRules": true,
         "cacheStrategy": "metadata"
       }
     },
     "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/authorize"],
+      "executor": "nx:run-commands",
       "options": {
-        "jestConfig": "packages/authorize/jest.config.js",
-        "passWithNoTests": true
+        "command": "vitest run packages/authorize"
       }
     },
     "version": {
@@ -36,7 +34,9 @@
         "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
         "tagPrefix": "@availity/{projectName}@",
         "trackDeps": true,
-        "skipCommitTypes": ["docs"]
+        "skipCommitTypes": [
+          "docs"
+        ]
       }
     }
   }

package/dist/index.d.mts

@@ -1,27 +0,0 @@
-import React, { ReactNode } from 'react';
-import { UseAuthorizeProps } from '@availity/authorize';
-
-type AuthorizeProps = {
-    /** The content that renders when the user does have the permissions required. */
-    children?: ReactNode;
-    /** When true, BlockUi is used when loading the permissions. When a node, that node is rendered instead of BlockUi when loading the permissions. When false, nothing is rendered when loading the permissions. Default: true. */
-    loader?: boolean | ReactNode;
-    /** Negate the authorization. If the user does have the permissions specified, they are considered "unauthorized" (shown the unauthorized prop content). If the user does not have the permissions specified, they are considered "authorized" (shown the children prop content) */
-    negate?: boolean;
-    /** The content that renders when the user does not have the permissions required. */
-    unauthorized?: ReactNode;
-} & UseAuthorizeProps;
-/** Component for showing content based on the user's permissions. Wrap this component around content you only want specific users to see.
- *
- * The internal `useAuthorize` hook utilizes [react-query](https://tanstack.com/query/v4/docs/framework/react/overview) to handle data fetching.
- * This means you must add a [QueryClientProvider](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider)
- * to your app if you do not already have one.
- *
- * The default setup should cover most use-cases. However, there are 2 query options we recommend looking into
- * in order to determine what is correct for your app. These settings are `refetchOnWindowFocus` and
- * `staleTime`. The first option sets whether the to refetch the query when the window is focused, and
- * the other is the default marker for how long the query is valid.
- */
-declare const Authorize: ({ loader, negate, children, unauthorized, permissions, parameters, queryOptions }: AuthorizeProps) => React.JSX.Element | null;
-
-export { Authorize, type AuthorizeProps };

package/dist/index.mjs

@@ -1,26 +0,0 @@
-// src/lib/Authorize.tsx
-import { BlockUi } from "@availity/mui-block-ui";
-import { useAuthorize } from "@availity/authorize";
-import { Fragment, jsx } from "react/jsx-runtime";
-var Authorize = ({
-  loader = true,
-  negate = false,
-  children = null,
-  unauthorized = null,
-  permissions,
-  parameters = {},
-  queryOptions
-}) => {
-  const { authorized, isLoading } = useAuthorize(permissions, parameters, queryOptions);
-  if (isLoading) {
-    if (loader) return loader === true ? /* @__PURE__ */ jsx(BlockUi, { blocking: true }) : /* @__PURE__ */ jsx(Fragment, { children: loader });
-    return null;
-  }
-  if ((authorized || negate) && !(authorized && negate)) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: unauthorized });
-};
-export {
-  Authorize
-};

package/jest.config.js

@@ -1,7 +0,0 @@
-const global = require('../../jest.config.global');
-
-module.exports = {
-  ...global,
-  displayName: 'authorize',
-  coverageDirectory: '../../coverage/authorize'
-};

package/tsconfig.spec.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node", "@testing-library/jest-dom"],
-    "allowJs": true
-  },
-  "include": ["jest.config.ts", "**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
-}