doc: updates doc to make it "codesandbox" compliant #28946

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

bsunderhus merged 1 commit into microsoft:master from bsunderhus:react-tree/doc--updates-documentation-to-make-it-codesandbox-compliant

Aug 23, 2023

packages/react-components/react-tree/stories/Tree/FlatTree.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -7,7 +7,7 @@ import { @@
       TreeItemLayout,
       useHeadlessFlatTree_unstable,
       HeadlessFlatTreeItemProps,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import {
       Button,
       Menu,
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/OpenItemsControlled.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ import { @@
       TreeItemLayout,
       TreeOpenChangeData,
       TreeOpenChangeEvent,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     export const OpenItemsControlled = () => {
       const [openItems, setOpenItems] = React.useState<Iterable<TreeItemValue>>([]);
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout, TreeItemProps } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout, TreeItemProps } from '@fluentui/react-components';
     import { Edit20Regular, MoreHorizontal20Regular } from '@fluentui/react-icons';
     import {
       Button,
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     export const Appearance = () => {
       return (
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeAside.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     import { CounterBadge } from '@fluentui/react-components';
     import { FluentIconsProps, Important16Regular } from '@fluentui/react-icons';
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeCustomizingInteraction.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ import { @@
       TreeItemValue,
       TreeOpenChangeData,
       TreeOpenChangeEvent,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     export const CustomizingInteraction = () => {
       const [openItems, setOpenItems] = React.useState<Iterable<TreeItemValue>>([]);
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeDefault.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     export const Default = () => {
       return (
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeDefaultOpen.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     export const DefaultOpen = () => (
       <Tree aria-label="Default Open" defaultOpenItems={['default-subtree-1', 'default-subtree-2', 'default-subtree-2-1']}>
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeDragAndDrop.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ import { @@
       useHeadlessFlatTree_unstable,
       HeadlessFlatTreeItemProps,
       TreeItemProps,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import {
       DndContext,
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeExpandIcon.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout, TreeItemValue } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout, TreeItemValue } from '@fluentui/react-components';
     import { AddSquare16Regular, SubtractSquare16Regular } from '@fluentui/react-icons';
     import { TreeOpenChangeData, TreeOpenChangeEvent } from './../../src/Tree';
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeIconBeforeAndAfter.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     import { Image20Regular, LockClosed20Regular, Person20Regular, Warning20Regular } from '@fluentui/react-icons';
     export const IconBeforeAndAfter = () => {
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeInfiniteScrolling.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ import { @@
       HeadlessFlatTreeItemProps,
       useHeadlessFlatTree_unstable,
       TreeItemValue,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import { makeStyles, shorthands, Spinner } from '@fluentui/react-components';
     const ITEMS_PER_PAGE = 10;
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeInlineStylingTreeItemLevel.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ import { @@
       treeItemLevelToken,
       useTreeContext_unstable,
       useTreeItemContext_unstable,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     const RecursiveTreeItem: React.FC = () => {
       const level = useTreeContext_unstable(ctx => ctx.level);
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeLayouts.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-components';
     import { Avatar } from '@fluentui/react-components';
     export const Layouts = () => {
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeLazyLoading.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,7 @@ import { @@
       HeadlessFlatTreeItemProps,
       useHeadlessFlatTree_unstable,
       TreeItemValue,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import { makeStyles, Spinner, shorthands } from '@fluentui/react-components';
     interface Result {
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeManipulation.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,7 @@ import { @@
       useHeadlessFlatTree_unstable,
       TreeItemProps,
       TreeItemValue,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import { Delete20Regular } from '@fluentui/react-icons';
     import {
       Button,
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeSelection.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ import { @@
       TreeItemLayout,
       HeadlessFlatTreeItemProps,
       useHeadlessFlatTree_unstable,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     const SELECTION_MODE = 'multiselect'; // change to "single" for single selection
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     import * as React from 'react';
-    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-components';
     export const Size = () => {
       return (
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,7 @@ import { @@
       useFlatTreeContextValues_unstable,
       HeadlessFlatTreeItem,
       useHeadlessFlatTree_unstable,
-    } from '@fluentui/react-tree';
+    } from '@fluentui/react-components';
     import { FixedSizeList, FixedSizeListProps, ListChildComponentProps } from 'react-window';
     import { ForwardRefComponent, getSlots } from '@fluentui/react-components';
@@ Expand Down @@

packages/react-components/react-tree/stories/Tree/index.stories.tsx

-Original file line number
+Diff line change
@@ -1,4 +1,4 @@
-    import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout, FlatTree } from '@fluentui/react-tree';
+    import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout, FlatTree } from '@fluentui/react-components';
     import descriptionMd from './TreeDescription.md';
     import bestPracticesMd from './TreeBestPractices.md';
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

doc: updates doc to make it "codesandbox" compliant #28946

Uh oh!

Diff view

Diff view

There are no files selected for viewing