@os-design/website - npm Package Compare versions

Comparing version 0.0.54 to 0.0.55

lib/Navigation/index.d.ts

 import { BaseProps } from '@os-design/styled';
 import React from 'react';
 import { WithDarkMode } from '@os-design/utils';
+import { LinkProps } from '@os-design/core';
 export interface NavigationItem {
@@ -12,3 +13,3 @@ title: string;
     active?: string;
-    link?: React.ElementType;
+    link?: React.FC<LinkProps>;
     tabDarkMode?: boolean;
@@ -15,0 +16,0 @@ }

lib/Navigation/NavigationDesktop.d.ts

 import React from 'react';
 import { NavigationProps } from './index';
-declare type NavigationDesktopProps = Pick<NavigationProps, 'items' | 'active' | 'link' | 'darkMode'>;
+export declare type NavigationDesktopProps = Pick<NavigationProps, 'items' | 'active' | 'darkMode'> & {
+    link: Exclude<NavigationProps['link'], undefined>;
+};
 declare const NavigationDesktop: React.FC<NavigationDesktopProps>;
 export default NavigationDesktop;
 //# sourceMappingURL=NavigationDesktop.d.ts.map

lib/Navigation/NavigationDesktopListItem.d.ts

 import React from 'react';
-import { NavigationItem, NavigationProps } from './index';
-declare type NavigationDesktopListItemProps = Pick<NavigationProps, 'darkMode' | 'link'> & NavigationItem & {
+import { NavigationItem } from './index';
+import { NavigationDesktopProps } from './NavigationDesktop';
+declare type NavigationDesktopListItemProps = Pick<NavigationDesktopProps, 'darkMode' | 'link'> & NavigationItem & {
     isActive: boolean;
@@ -5,0 +6,0 @@ };

lib/Navigation/NavigationDesktopListItem.js

@@ -14,7 +14,11 @@ "use strict";
 const NavigationDesktopListItem = props => {
-    const { link: Link } = props;
-    return (react_1.default.createElement(NavigationDesktopListItemContainer, null,
-        react_1.default.createElement(Link, { darkMode: props.darkMode, href: props.href, underline: props.isActive ? 'always' : 'hover' }, props.title)));
+    const { link } = props;
+    const renderLink = () => react_1.default.createElement(link, {
+        darkMode: props.darkMode,
+        href: props.href,
+        underline: props.isActive ? 'always' : 'hover',
+    }, props.title);
+    return (react_1.default.createElement(NavigationDesktopListItemContainer, null, renderLink()));
 };
 exports.default = NavigationDesktopListItem;
 //# sourceMappingURL=NavigationDesktopListItem.js.map

lib/Navigation/NavigationMobile.d.ts

 import React from 'react';
 import { NavigationProps } from './index';
-export declare type NavigationMobileProps = Pick<NavigationProps, 'items' | 'active' | 'link' | 'tabDarkMode'>;
+export declare type NavigationMobileProps = Pick<NavigationProps, 'items' | 'active' | 'tabDarkMode'> & {
+    link: Exclude<NavigationProps['link'], undefined>;
+};
 declare const NavigationMobile: React.FC<NavigationMobileProps>;
 export default NavigationMobile;
 //# sourceMappingURL=NavigationMobile.d.ts.map

lib/Navigation/NavigationMobileListItem.js

@@ -43,10 +43,14 @@ "use strict";
 const NavigationMobileListItem = props => {
-    const { link: Link } = props;
-    return (react_1.default.createElement("li", { key: props.title },
-        react_1.default.createElement(Link, { href: props.href, darkMode: props.tabDarkMode, underline: 'never' },
-            react_1.default.createElement(NavigationMobileLink, { tabDarkMode: props.tabDarkMode, isActive: props.isActive },
-                react_1.default.createElement(NavigationMobileLinkIcon, null, react_1.default.createElement(props.icon)),
-                react_1.default.createElement(NavigationMobileLinkTitle, null, props.title)))));
+    const { link } = props;
+    const renderLinkChildren = () => (react_1.default.createElement(NavigationMobileLink, { tabDarkMode: props.tabDarkMode, isActive: props.isActive },
+        react_1.default.createElement(NavigationMobileLinkIcon, null, react_1.default.createElement(props.icon)),
+        react_1.default.createElement(NavigationMobileLinkTitle, null, props.title)));
+    const renderLink = () => react_1.default.createElement(link, {
+        darkMode: props.tabDarkMode,
+        href: props.href,
+        underline: 'never',
+    }, renderLinkChildren());
+    return (react_1.default.createElement("li", { key: props.title }, renderLink()));
 };
 exports.default = NavigationMobileListItem;
 //# sourceMappingURL=NavigationMobileListItem.js.map

package.json

 {
   "name": "@os-design/website",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "license": "MIT",
@@ -20,3 +20,3 @@ "main": "lib/index.js",
     "@emotion/core": "^10.0.22",
-    "@os-design/core": "^0.0.34",
+    "@os-design/core": "^0.0.35",
     "@os-design/icons": "^0.0.13",
@@ -35,3 +35,3 @@ "@os-design/styled": "^0.0.4",
   },
-  "gitHead": "a4a9eb696dfeee9cf2453ebff530b0b813f6815c"
+  "gitHead": "0c23115da5e94b61c0dde42c8cb3a1bb3ec6f10d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

86922

increased by0.91%

Lines of code

1195

increased by1.19%

Dependency changes

• + Added@os-design/core@0.0.35(transitive)

• - Removed@os-design/core@0.0.34(transitive)

• Updated@os-design/core@^0.0.35