@os-design/website - npm Package Compare versions

Comparing version 0.0.55 to 0.0.56

lib/Navigation/index.d.ts

@@ -12,3 +12,3 @@ import { BaseProps } from '@os-design/styled';
     items: NavigationItem[];
-    active?: string;
+    pathname?: string;
     link?: React.FC<LinkProps>;
@@ -15,0 +15,0 @@ tabDarkMode?: boolean;

lib/Navigation/index.js

@@ -14,6 +14,6 @@ "use strict";
         react_1.default.createElement("nav", { className: props.className },
-            react_1.default.createElement(NavigationDesktop_1.default, { items: props.items, active: props.active, link: link, darkMode: props.darkMode })),
-        react_1.default.createElement(NavigationMobile_1.default, { items: props.items, active: props.active, link: link, tabDarkMode: props.tabDarkMode })));
+            react_1.default.createElement(NavigationDesktop_1.default, { items: props.items, pathname: props.pathname, link: link, darkMode: props.darkMode })),
+        react_1.default.createElement(NavigationMobile_1.default, { items: props.items, pathname: props.pathname, link: link, tabDarkMode: props.tabDarkMode })));
 };
 exports.default = Navigation;
 //# sourceMappingURL=index.js.map

lib/Navigation/NavigationDesktop.d.ts

 import React from 'react';
 import { NavigationProps } from './index';
-export declare type NavigationDesktopProps = Pick<NavigationProps, 'items' | 'active' | 'darkMode'> & {
+export declare type NavigationDesktopProps = Pick<NavigationProps, 'items' | 'pathname' | 'darkMode'> & {
     link: Exclude<NavigationProps['link'], undefined>;
@@ -5,0 +5,0 @@ };

lib/Navigation/NavigationDesktop.js

@@ -21,3 +21,3 @@ "use strict";
 const NavigationDesktop = props => {
-    const renderItems = () => props.items.map(item => (react_1.default.createElement(NavigationDesktopListItem_1.default, Object.assign({ darkMode: props.darkMode, link: props.link, isActive: !!props.active && props.active.endsWith(item.href), key: item.href }, item))));
+    const renderItems = () => props.items.map(item => (react_1.default.createElement(NavigationDesktopListItem_1.default, Object.assign({ darkMode: props.darkMode, link: props.link, isActive: !!props.pathname && props.pathname.endsWith(item.href), key: item.href }, item))));
     return (react_1.default.createElement(NavigationDesktopList, null, renderItems()));
@@ -24,0 +24,0 @@ };

lib/Navigation/NavigationMobile.d.ts

 import React from 'react';
 import { NavigationProps } from './index';
-export declare type NavigationMobileProps = Pick<NavigationProps, 'items' | 'active' | 'tabDarkMode'> & {
+export declare type NavigationMobileProps = Pick<NavigationProps, 'items' | 'pathname' | 'tabDarkMode'> & {
     link: Exclude<NavigationProps['link'], undefined>;
@@ -5,0 +5,0 @@ };

lib/Navigation/NavigationMobile.js

@@ -54,3 +54,3 @@ "use strict";
 const NavigationMobile = props => {
-    const renderItems = () => props.items.map(item => (react_1.default.createElement(NavigationMobileListItem_1.default, Object.assign({ tabDarkMode: props.tabDarkMode, link: props.link, isActive: !!props.active && props.active.endsWith(item.href), key: item.href }, item))));
+    const renderItems = () => props.items.map(item => (react_1.default.createElement(NavigationMobileListItem_1.default, Object.assign({ tabDarkMode: props.tabDarkMode, link: props.link, isActive: !!props.pathname && props.pathname.endsWith(item.href), key: item.href }, item))));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -57,0 +57,0 @@ react_1.default.createElement(core_1.Portal, null,

package.json

 {
   "name": "@os-design/website",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "license": "MIT",
@@ -34,3 +34,3 @@ "main": "lib/index.js",
   },
-  "gitHead": "0c23115da5e94b61c0dde42c8cb3a1bb3ec6f10d"
+  "gitHead": "3ac2e51140c8118cfbdde34a284cb2df294caaa7"
 }

No alert changes

Improved metrics

Total package byte prevSize

86945

increased by0.03%

No dependency changes