chore(react-nav-preview): Publish react-nav-preview (#31304)

microsoft · May 10, 2024 · e1f12b9 · e1f12b9
1 parent bd0a082
commit e1f12b9
Show file tree

Hide file tree

Showing 13 changed files with 25 additions and 17 deletions.
diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
@@ -43,6 +43,7 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-window": "^1.8.6",
-    "tslib": "^2.1.0"
+    "tslib": "^2.1.0",
+    "@fluentui/react-nav-preview": "*"
   }
 }
diff --git a/change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json b/change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: release preview package",
+  "packageName": "@fluentui/react-nav-preview",
+  "email": "matejera@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-nav-preview/package.json b/packages/react-components/react-nav-preview/package.json
@@ -1,7 +1,6 @@
 {
   "name": "@fluentui/react-nav-preview",
   "version": "0.0.0",
-  "private": true,
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

diff --git a/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx b/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx
@@ -7,7 +7,7 @@ import { useNavContextValues_unstable } from '../useNavContextValues';
 import type { NavProps } from './Nav.types';
 
 /**
- * Nav component - provides 2 layers of nesting for navigation items.
+ * Nav - A component that provides up to two levels of nesting for navigation.
  */
 export const Nav: ForwardRefComponent<NavProps> = React.forwardRef((props, ref) => {
   const state = useNav_unstable(props, ref);

diff --git a/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx b/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx
@@ -3,7 +3,7 @@ import { Hamburger } from '@fluentui/react-nav-preview';
 import descriptionMd from './HamburgerDescription.md';
 import bestPracticesMd from './HamburgerBestPractices.md';
 
-export { Default } from './HamburgerDefault.stories';
+// export { Default } from './HamburgerDefault.stories';
 
 export default {
   title: 'Preview Components/Hamburger',

diff --git a/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx
@@ -3,7 +3,7 @@ import { HamburgerInNav } from '@fluentui/react-nav-preview';
 import descriptionMd from './HamburgerInNavDescription.md';
 import bestPracticesMd from './HamburgerInNavBestPractices.md';
 
-export { Default } from './HamburgerInNavDefault.stories';
+// export { Default } from './HamburgerInNavDefault.stories';
 
 export default {
   title: 'Preview Components/HamburgerInNav',

diff --git a/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx
@@ -1,7 +1,7 @@
 import { Nav } from '@fluentui/react-nav-preview';
 
-import descriptionMd from './NavDescription.md';
-import bestPracticesMd from './NavBestPractices.md';
+// import descriptionMd from './NavDescription.md';
+// import bestPracticesMd from './NavBestPractices.md';
 
 // export { Default } from './NavDefault.stories';
 // export { WithDefaultSelection } from './NavWithDefaultSelection.stories';
@@ -15,10 +15,10 @@ export default {
   title: 'Preview Components/Nav',
   component: Nav,
   parameters: {
-    docs: {
-      description: {
-        component: [descriptionMd, bestPracticesMd].join('\n'),
-      },
-    },
+    // docs: {
+    //   description: {
+    //     component: [descriptionMd, bestPracticesMd].join('\n'),
+    //   },
+    // },
   },
 };
diff --git a/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx
@@ -59,6 +59,7 @@ const useStyles = makeStyles({
     ...shorthands.border('2px', 'solid', '#ccc'),
     ...shorthands.overflow('hidden'),
     display: 'flex',
+    height: '600px',
     backgroundColor: '#fff',
   },
   content: {

diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx
@@ -3,7 +3,7 @@ import { NavDrawerBody } from '@fluentui/react-nav-preview';
 import descriptionMd from './NavDrawerBodyDescription.md';
 import bestPracticesMd from './NavDrawerBodyBestPractices.md';
 
-export { Default } from './NavDrawerBodyDefault.stories';
+// export { Default } from './NavDrawerBodyDefault.stories';
 
 export default {
   title: 'Preview Components/NavDrawerBody',

diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx
@@ -3,7 +3,7 @@ import { NavDrawerFooter } from '@fluentui/react-nav-preview';
 import descriptionMd from './NavDrawerFooterDescription.md';
 import bestPracticesMd from './NavDrawerFooterBestPractices.md';
 
-export { Default } from './NavDrawerFooterDefault.stories';
+// export { Default } from './NavDrawerFooterDefault.stories';
 
 export default {
   title: 'Preview Components/NavDrawerFooter',

diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx
@@ -3,7 +3,7 @@ import { NavDrawerHeader } from '@fluentui/react-nav-preview';
 import descriptionMd from './NavDrawerHeaderDescription.md';
 import bestPracticesMd from './NavDrawerHeaderBestPractices.md';
 
-export { Default } from './NavDrawerHeaderDefault.stories';
+// export { Default } from './NavDrawerHeaderDefault.stories';
 
 export default {
   title: 'Preview Components/NavDrawerHeader',

diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx
@@ -3,7 +3,7 @@ import { NavDrawerHeaderNav } from '@fluentui/react-nav-preview';
 import descriptionMd from './NavDrawerHeaderNavDescription.md';
 import bestPracticesMd from './NavDrawerHeaderNavBestPractices.md';
 
-export { Default } from './NavDrawerHeaderNavDefault.stories';
+// export { Default } from './NavDrawerHeaderNavDefault.stories';
 
 export default {
   title: 'Preview Components/NavDrawerHeaderNav',

diff --git a/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx
@@ -3,7 +3,7 @@ import { NavSectionHeader } from '@fluentui/react-nav-preview';
 import descriptionMd from './NavSectionHeaderDescription.md';
 import bestPracticesMd from './NavSectionHeaderBestPractices.md';
 
-export { Default } from './NavSectionHeaderDefault.stories';
+// export { Default } from './NavSectionHeaderDefault.stories';
 
 export default {
   title: 'Preview Components/NavSectionHeader',