@availity/theme-provider 0.4.48 → 0.4.49

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.4.49](https://github.com/Availity/element/compare/@availity/theme-provider@0.4.48...@availity/theme-provider@0.4.49) (2024-04-19)
+
+### Dependency Updates
+
+* `theme` updated to version `0.4.48`
 ## [0.4.48](https://github.com/Availity/element/compare/@availity/theme-provider@0.4.47...@availity/theme-provider@0.4.48) (2024-04-17)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    /** Availity theme to use */
+    theme?: 'lightTheme' | 'legacyBS';
+};
+declare function ThemeProvider({ children, theme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeProvider, type ThemeProviderProps };

package/dist/index.d.ts

@@ -1,8 +1,10 @@
-declare type ThemeProviderProps = {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ThemeProviderProps = {
     children: React.ReactNode;
     /** Availity theme to use */
     theme?: 'lightTheme' | 'legacyBS';
 };
-declare function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
+declare function ThemeProvider({ children, theme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-export { ThemeProvider, ThemeProviderProps };
+export { ThemeProvider, type ThemeProviderProps };

package/dist/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -44,16 +48,10 @@ var themes = {
   legacyBS: legacyTheme
 };
 function ThemeProvider({ children, theme = "lightTheme" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_date_pickers.LocalizationProvider, {
-    dateAdapter: import_AdapterDayjs.AdapterDayjs,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.ThemeProvider, {
-      theme: themes[theme],
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CssBaseline.default, {}),
-        children
-      ]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_date_pickers.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.ThemeProvider, { theme: themes[theme], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CssBaseline.default, {}),
+    children
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -12,16 +12,10 @@ var themes = {
   legacyBS: legacyTheme
 };
 function ThemeProvider({ children, theme = "lightTheme" }) {
-  return /* @__PURE__ */ jsx(LocalizationProvider, {
-    dateAdapter: AdapterDayjs,
-    children: /* @__PURE__ */ jsxs(MuiThemeProvider, {
-      theme: themes[theme],
-      children: [
-        /* @__PURE__ */ jsx(CssBaseline, {}),
-        children
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxs(MuiThemeProvider, { theme: themes[theme], children: [
+    /* @__PURE__ */ jsx(CssBaseline, {}),
+    children
+  ] }) });
 }
 export {
   ThemeProvider

package/jest.config.js

@@ -4,4 +4,14 @@ module.exports = {
   ...global,
   displayName: 'theme-provider',
   coverageDirectory: '../../coverage/theme-provider',
+  /* TODO: Update to latest Jest snapshotFormat
+   * By default Nx has kept the older style of Jest Snapshot formats
+   * to prevent breaking of any existing tests with snapshots.
+   * It's recommend you update to the latest format.
+   * You can do this by removing snapshotFormat property
+   * and running tests with --update-snapshot flag.
+   * Example: From within the project directory, run "nx test --update-snapshot"
+   * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
+   */
+  snapshotFormat: { escapeString: true, printBasicPrototype: true },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/theme-provider",
-  "version": "0.4.48",
+  "version": "0.4.49",
   "description": "Theme provider for the Element design system",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
@@ -15,18 +15,18 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/theme": "0.46.2",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.14.12",
-    "@mui/x-date-pickers": "^5.0.15",
-    "dayjs": "^1.11.9"
+    "@availity/theme": "0.46.3",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mui/material": "^5.15.15",
+    "@mui/x-date-pickers": "^7.2.0",
+    "dayjs": "^1.11.10"
   },
   "devDependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^5.12.7",
-    "typescript": "~4.8.2"
+    "tsup": "^8.0.2",
+    "typescript": "~5.4.5"
   },
   "peerDependencies": {
     "react": ">=16.8.0"

package/project.json

@@ -6,10 +6,9 @@
   "tags": [],
   "targets": {
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/eslint:lint",
       "options": {
         "eslintConfig": ".eslintrc.json",
-        "lintFilePatterns": ["packages/theme-provider/**/*.{js,ts}"],
         "silent": false,
         "fix": false,
         "cache": true,
@@ -22,20 +21,20 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": ["coverage/theme-provider"],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/theme-provider"],
       "options": {
-        "jestConfig": "packages/theme-provider/jest.config.js",
-        "passWithNoTests": true
+        "jestConfig": "packages/theme-provider/jest.config.js"
       }
     },
     "version": {
       "executor": "@jscutlery/semver:version",
       "options": {
         "preset": "conventional",
-        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
-        "tagPrefix": "@availity/${projectName}@",
-        "trackDeps": true
+        "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
+        "tagPrefix": "@availity/{projectName}@",
+        "trackDeps": true,
+        "skipCommitTypes": ["docs"]
       }
     }
   }

package/src/lib/theme-provider.stories.tsx

@@ -1,13 +1,15 @@
 import type { StoryObj } from '@storybook/react';
-import { ThemeProvider } from '@availity/theme-provider';
+import { ThemeProvider } from './theme-provider';
 
 export const Default: StoryObj<typeof ThemeProvider> = {
-  render: () => <>
-    <ThemeProvider>
-      <div>This component is inside the ThemeProvider</div>
-    </ThemeProvider>
-    <div>This component is outside the ThemeProvider</div>
-  </>,
+  render: () => (
+    <>
+      <ThemeProvider>
+        <div>This component is inside the ThemeProvider</div>
+      </ThemeProvider>
+      <div>This component is outside the ThemeProvider</div>
+    </>
+  ),
 };
 
 export default {