Remove deprecated function of faker

README.md

@@ -12,15 +12,13 @@ A set of react components to display graphs with Sigma v3.
 
 See the [CHANGELOG file](packages/website/docs/changelog.md).
 
-IMPORTANT: package has been renamed to `@react-sigma`
-
 ## Contributing
 
 See the [CONTRIBUTING file](CONTRIBUTING.md).
 
 ## Support
 
-Please **do not** use GitHub issues for support, but instead post your questions on [StackOverflow](https://stackoverflow.com/) using the [`sigma` tag](https://stackoverflow.com/questions/tagged/sigma).
+Please **do not** use GitHub issue for support, instead post your question on [StackOverflow](https://stackoverflow.com/) using the [`sigma` tag](https://stackoverflow.com/questions/tagged/sigma).
 
 ## License
 

packages/storybook/.storybook/main.ts

@@ -22,7 +22,7 @@ const config: StorybookConfig = {
   async viteFinal(config) {
     return mergeConfig(config, {
       resolve: {
-        preserveSymlinks: true,
+        preserveSymlinks: false,
       },
     });
   },

packages/storybook/stories/DragNdrop.tsx

@@ -56,6 +56,10 @@ export const DragNdrop: FC<{ style: CSSProperties }> = ({ style }) => {
     <SigmaContainer style={style} settings={sigmaSettings}>
       <SampleGraph disableHoverEffect />
       <GraphEvents />
+      <ControlsContainer position={"bottom-right"}>
+        <ZoomControl />
+        <FullScreenControl />
+      </ControlsContainer>
     </SigmaContainer>
   );
 };

packages/storybook/stories/LayoutCircular.tsx

@@ -21,8 +21,8 @@ const RandomCircleGraph: FC = () => {
     const graph = new Graph();
     for (let i = 0; i < order; i++) {
       graph.addNode(i, {
-        label: faker.name.fullName(),
-        size: faker.datatype.number({ min: 4, max: 20, precision: 1 }),
+        label: faker.person.fullName(),
+        size: faker.number.int({ min: 4, max: 20 }),
         color: randomColor(),
         x: 0,
         y: 0,
@@ -41,7 +41,7 @@ const RandomCircleGraph: FC = () => {
     assign();
     // Display in the console the node's position for the layout
     console.log(positions());
-  }, [assign, loadGraph, faker.datatype, faker.name, randomColor]);
+  }, [assign, loadGraph, faker.datatype, faker, randomColor]);
 
   return null;
 };

packages/storybook/stories/common/SampleGraph.tsx

@@ -5,7 +5,7 @@ import { useLayoutCircular } from "@react-sigma/layout-circular";
 import { useRandom, NodeType, EdgeType } from "./useRandom";
 
 export const SampleGraph: FC<{ disableHoverEffect?: boolean }> = ({ disableHoverEffect }) => {
-  const { faker, randomColor, randomGraph } = useRandom();
+  const { randomGraph } = useRandom();
   const sigma = useSigma<NodeType, EdgeType>();
   const registerEvents = useRegisterEvents<NodeType, EdgeType>();
   const setSettings = useSetSettings<NodeType, EdgeType>();
@@ -29,7 +29,7 @@ export const SampleGraph: FC<{ disableHoverEffect?: boolean }> = ({ disableHover
       enterNode: (event) => setHoveredNode(event.node),
       leaveNode: () => setHoveredNode(null),
     });
-  }, [assignCircular, loadGraph, registerEvents, faker.datatype, faker.name, randomColor]);
+  }, [assignCircular, loadGraph, registerEvents, randomGraph]);
 
   /**
    * When component mount or hovered node change

packages/storybook/stories/common/useRandom.tsx

@@ -53,7 +53,7 @@ export const useRandom = () => {
         y: Math.random(),
         // for node-border
         borderColor: randomColor(),
-        borderSize: faker.number.float({ min: 0, max: 1, precision: 0.1 }),
+        borderSize: faker.number.float({ min: 0, max: 1, multipleOf: 0.1 }),
         // for node-image
         pictoColor: randomColor(),
         image: faker.image.urlLoremFlickr(),