@trackunit/react-components 0.1.126 → 0.1.128

package/index.cjs

@@ -8,6 +8,7 @@ var tailwindStyledComponents = require('@trackunit/tailwind-styled-components');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var uiIcons = require('@trackunit/ui-icons');
 var ReactDOM = require('react-dom');
+var reactRouterDom = require('react-router-dom');
 var uiDesignTokens = require('@trackunit/ui-design-tokens');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13168,7 +13169,7 @@ function getPreviousMonth(startingMonth, options) {
  * The Navigation context shares details and methods to navigate the months in DayPicker.
  * Access this context from the {@link useNavigation} hook.
  */
-var NavigationContext$1 = React.createContext(undefined);
+var NavigationContext = React.createContext(undefined);
 /** Provides the values for the {@link NavigationContext}. */
 function NavigationProvider(props) {
     var dayPicker = useDayPicker();
@@ -13201,7 +13202,7 @@ function NavigationProvider(props) {
         nextMonth: nextMonth,
         isDateDisplayed: isDateDisplayed
     };
-    return (React__default["default"].createElement(NavigationContext$1.Provider, { value: value }, props.children));
+    return (React__default["default"].createElement(NavigationContext.Provider, { value: value }, props.children));
 }
 /**
  * Hook to access the {@link NavigationContextValue}. Use this hook to navigate
@@ -13210,7 +13211,7 @@ function NavigationProvider(props) {
  * This hook is meant to be used inside internal or custom components.
  */
 function useNavigation() {
-    var context = React.useContext(NavigationContext$1);
+    var context = React.useContext(NavigationContext);
     if (!context) {
         throw new Error('useNavigation must be used within a NavigationProvider');
     }
@@ -37237,96 +37238,8 @@ const Pagination = ({ previousPage, nextPage, canPreviousPage, canNextPage, page
                     : page !== undefined && pageCount !== undefined && pageCount !== null && page >= pageCount - 1, "data-testid": "next-page", icon: jsxRuntime.jsx(Icon, { name: "ChevronRightIcon", size: "small" }), size: "small", color: "secondary", variant: "transparent" })] }));
 };
 
-/**
- * React Router v6.11.2
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-const DataRouterContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  DataRouterContext.displayName = "DataRouter";
-}
-
-const DataRouterStateContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  DataRouterStateContext.displayName = "DataRouterState";
-}
-
-const AwaitContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  AwaitContext.displayName = "Await";
-}
-
-const NavigationContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  NavigationContext.displayName = "Navigation";
-}
-
-const LocationContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  LocationContext.displayName = "Location";
-}
-
-const RouteContext = /*#__PURE__*/React__namespace.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: false
-});
-
-if (process.env.NODE_ENV !== "production") {
-  RouteContext.displayName = "Route";
-}
-
-const RouteErrorContext = /*#__PURE__*/React__namespace.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  RouteErrorContext.displayName = "RouteError";
-}
-var DataRouterHook;
-
-(function (DataRouterHook) {
-  DataRouterHook["UseBlocker"] = "useBlocker";
-  DataRouterHook["UseRevalidator"] = "useRevalidator";
-  DataRouterHook["UseNavigateStable"] = "useNavigate";
-})(DataRouterHook || (DataRouterHook = {}));
-
-var DataRouterStateHook;
-
-(function (DataRouterStateHook) {
-  DataRouterStateHook["UseBlocker"] = "useBlocker";
-  DataRouterStateHook["UseLoaderData"] = "useLoaderData";
-  DataRouterStateHook["UseActionData"] = "useActionData";
-  DataRouterStateHook["UseRouteError"] = "useRouteError";
-  DataRouterStateHook["UseNavigation"] = "useNavigation";
-  DataRouterStateHook["UseRouteLoaderData"] = "useRouteLoaderData";
-  DataRouterStateHook["UseMatches"] = "useMatches";
-  DataRouterStateHook["UseRevalidator"] = "useRevalidator";
-  DataRouterStateHook["UseNavigateStable"] = "useNavigate";
-  DataRouterStateHook["UseRouteId"] = "useRouteId";
-})(DataRouterStateHook || (DataRouterStateHook = {}));
-var AwaitRenderStatus;
-
-(function (AwaitRenderStatus) {
-  AwaitRenderStatus[AwaitRenderStatus["pending"] = 0] = "pending";
-  AwaitRenderStatus[AwaitRenderStatus["success"] = 1] = "success";
-  AwaitRenderStatus[AwaitRenderStatus["error"] = 2] = "error";
-})(AwaitRenderStatus || (AwaitRenderStatus = {}));
-
-new Promise(() => {});
-
 function useConfirmExit(confirmExit, when = true) {
-    const { navigator } = React.useContext(NavigationContext);
+    const { navigator } = React.useContext(reactRouterDom.UNSAFE_NavigationContext);
     React.useEffect(() => {
         if (!when) {
             return;

package/index.js

@@ -6,6 +6,7 @@ import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { HeroIconsArray, heroIconLookup, TrackunitSolidIconsArray, TrackunitOutlineIconsArray, trackunitIconLookup } from '@trackunit/ui-icons';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
+import { UNSAFE_NavigationContext } from 'react-router-dom';
 import { color } from '@trackunit/ui-design-tokens';
 
 const docs = {
@@ -13141,7 +13142,7 @@ function getPreviousMonth(startingMonth, options) {
  * The Navigation context shares details and methods to navigate the months in DayPicker.
  * Access this context from the {@link useNavigation} hook.
  */
-var NavigationContext$1 = createContext(undefined);
+var NavigationContext = createContext(undefined);
 /** Provides the values for the {@link NavigationContext}. */
 function NavigationProvider(props) {
     var dayPicker = useDayPicker();
@@ -13174,7 +13175,7 @@ function NavigationProvider(props) {
         nextMonth: nextMonth,
         isDateDisplayed: isDateDisplayed
     };
-    return (React__default.createElement(NavigationContext$1.Provider, { value: value }, props.children));
+    return (React__default.createElement(NavigationContext.Provider, { value: value }, props.children));
 }
 /**
  * Hook to access the {@link NavigationContextValue}. Use this hook to navigate
@@ -13183,7 +13184,7 @@ function NavigationProvider(props) {
  * This hook is meant to be used inside internal or custom components.
  */
 function useNavigation() {
-    var context = useContext(NavigationContext$1);
+    var context = useContext(NavigationContext);
     if (!context) {
         throw new Error('useNavigation must be used within a NavigationProvider');
     }
@@ -37210,96 +37211,8 @@ const Pagination = ({ previousPage, nextPage, canPreviousPage, canNextPage, page
                     : page !== undefined && pageCount !== undefined && pageCount !== null && page >= pageCount - 1, "data-testid": "next-page", icon: jsx(Icon, { name: "ChevronRightIcon", size: "small" }), size: "small", color: "secondary", variant: "transparent" })] }));
 };
 
-/**
- * React Router v6.11.2
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-const DataRouterContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  DataRouterContext.displayName = "DataRouter";
-}
-
-const DataRouterStateContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  DataRouterStateContext.displayName = "DataRouterState";
-}
-
-const AwaitContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  AwaitContext.displayName = "Await";
-}
-
-const NavigationContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  NavigationContext.displayName = "Navigation";
-}
-
-const LocationContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  LocationContext.displayName = "Location";
-}
-
-const RouteContext = /*#__PURE__*/React.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: false
-});
-
-if (process.env.NODE_ENV !== "production") {
-  RouteContext.displayName = "Route";
-}
-
-const RouteErrorContext = /*#__PURE__*/React.createContext(null);
-
-if (process.env.NODE_ENV !== "production") {
-  RouteErrorContext.displayName = "RouteError";
-}
-var DataRouterHook;
-
-(function (DataRouterHook) {
-  DataRouterHook["UseBlocker"] = "useBlocker";
-  DataRouterHook["UseRevalidator"] = "useRevalidator";
-  DataRouterHook["UseNavigateStable"] = "useNavigate";
-})(DataRouterHook || (DataRouterHook = {}));
-
-var DataRouterStateHook;
-
-(function (DataRouterStateHook) {
-  DataRouterStateHook["UseBlocker"] = "useBlocker";
-  DataRouterStateHook["UseLoaderData"] = "useLoaderData";
-  DataRouterStateHook["UseActionData"] = "useActionData";
-  DataRouterStateHook["UseRouteError"] = "useRouteError";
-  DataRouterStateHook["UseNavigation"] = "useNavigation";
-  DataRouterStateHook["UseRouteLoaderData"] = "useRouteLoaderData";
-  DataRouterStateHook["UseMatches"] = "useMatches";
-  DataRouterStateHook["UseRevalidator"] = "useRevalidator";
-  DataRouterStateHook["UseNavigateStable"] = "useNavigate";
-  DataRouterStateHook["UseRouteId"] = "useRouteId";
-})(DataRouterStateHook || (DataRouterStateHook = {}));
-var AwaitRenderStatus;
-
-(function (AwaitRenderStatus) {
-  AwaitRenderStatus[AwaitRenderStatus["pending"] = 0] = "pending";
-  AwaitRenderStatus[AwaitRenderStatus["success"] = 1] = "success";
-  AwaitRenderStatus[AwaitRenderStatus["error"] = 2] = "error";
-})(AwaitRenderStatus || (AwaitRenderStatus = {}));
-
-new Promise(() => {});
-
 function useConfirmExit(confirmExit, when = true) {
-    const { navigator } = useContext(NavigationContext);
+    const { navigator } = useContext(UNSAFE_NavigationContext);
     useEffect(() => {
         if (!when) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.126",
+  "version": "0.1.128",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,11 +8,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.22.2",
-    "@trackunit/css-class-variance-utilities": "0.0.6",
-    "@trackunit/css-core": "0.0.88",
+    "@trackunit/css-class-variance-utilities": "0.0.8",
+    "@trackunit/css-core": "0.0.89",
     "@trackunit/tailwind-styled-components": "0.0.58",
-    "@trackunit/ui-design-tokens": "0.0.72",
-    "@trackunit/ui-icons": "0.0.69",
+    "@trackunit/ui-design-tokens": "0.0.73",
+    "@trackunit/ui-icons": "0.0.70",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",
     "react": "18.2.0",