fix: defaultSizes needs to be used (#77)

johnwalley · Dec 5, 2021 · cd2eae1 · cd2eae1
1 parent 11206d7
commit cd2eae1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/allotment.tsx b/src/allotment.tsx
@@ -118,10 +118,10 @@ const Allotment = forwardRef<AllotmentHandle, AllotmentProps>(
       const options: SplitViewOptions = {
         orientation: vertical ? Orientation.Vertical : Orientation.Horizontal,
         ...(initializeSizes &&
-          sizes && {
+          defaultSizes && {
             descriptor: {
-              size: sizes.reduce((a, b) => a + b, 0),
-              views: sizes.map((size, index) => ({
+              size: defaultSizes.reduce((a, b) => a + b, 0),
+              views: defaultSizes.map((size, index) => ({
                 container: [...splitViewViewRef.current.values()][index],
                 size: size,
                 view: {

diff --git a/stories/allotment.stories.tsx b/stories/allotment.stories.tsx
@@ -208,3 +208,15 @@ export const Reset: Story<AllotmentProps> = (args) => {
   );
 };
 Reset.args = {};
+
+export const DefaultSize: Story = () => {
+  return (
+    <div className={styles.container}>
+      <Allotment defaultSizes={[200, 400]}>
+        <div className={styles.content}>div1</div>
+        <div className={styles.content}>div2</div>
+      </Allotment>
+    </div>
+  );
+};
+DefaultSize.args = {};