added proportion lock to all current nodes that support it (#51)

plugin-src/transformers/partials/index.ts

@@ -2,6 +2,7 @@ export * from './transformBlend';
 export * from './transformChildren';
 export * from './transformDimensionAndPosition';
 export * from './transformFills';
+export * from './transformProportion';
 export * from './transformSceneNode';
 export * from './transformStrokes';
 export * from './transformTextStyle';

plugin-src/transformers/partials/transformProportion.ts

@@ -0,0 +1,7 @@
+import { ShapeAttributes } from '@ui/lib/types/shape/shapeAttributes';
+
+export const transformProportion = (node: LayoutMixin): Partial<ShapeAttributes> => {
+  return {
+    proportionLock: node.constrainProportions
+  };
+};

plugin-src/transformers/transformEllipseNode.ts

@@ -2,6 +2,7 @@ import {
   transformBlend,
   transformDimensionAndPosition,
   transformFills,
+  transformProportion,
   transformSceneNode,
   transformStrokes
 } from '@plugin/transformers/partials';
@@ -20,6 +21,7 @@ export const transformEllipseNode = (
     ...transformStrokes(node),
     ...transformDimensionAndPosition(node, baseX, baseY),
     ...transformSceneNode(node),
-    ...transformBlend(node)
+    ...transformBlend(node),
+    ...transformProportion(node)
   };
 };

plugin-src/transformers/transformFrameNode.ts

@@ -3,6 +3,7 @@ import {
   transformChildren,
   transformDimensionAndPosition,
   transformFills,
+  transformProportion,
   transformSceneNode,
   transformStrokes
 } from '@plugin/transformers/partials';
@@ -33,6 +34,8 @@ export const transformFrameNode = async (
     // they plan to add it in the future. Refactor this when available.
     // @see: https://forum.figma.com/t/add-a-blendmode-property-for-sectionnode/58560
     ...(isSectionNode(node) ? [] : transformBlend(node)),
-    ...transformSceneNode(node)
+    ...transformSceneNode(node),
+    // Figma API does not expose constraints proportions for sections
+    ...(isSectionNode(node) ? [] : transformProportion(node))
   };
 };

plugin-src/transformers/transformPathNode.ts

@@ -2,6 +2,7 @@ import {
   transformBlend,
   transformDimensionAndPosition,
   transformFills,
+  transformProportion,
   transformSceneNode,
   transformStrokes,
   transformVectorPaths
@@ -25,6 +26,7 @@ export const transformPathNode = (
     ...transformVectorPaths(node, baseX, baseY),
     ...transformDimensionAndPosition(node, baseX, baseY),
     ...transformSceneNode(node),
-    ...transformBlend(node)
+    ...transformBlend(node),
+    ...transformProportion(node)
   };
 };

plugin-src/transformers/transformRectangleNode.ts

@@ -2,6 +2,7 @@ import {
   transformBlend,
   transformDimensionAndPosition,
   transformFills,
+  transformProportion,
   transformSceneNode,
   transformStrokes
 } from '@plugin/transformers/partials';
@@ -20,6 +21,7 @@ export const transformRectangleNode = (
     ...transformStrokes(node),
     ...transformDimensionAndPosition(node, baseX, baseY),
     ...transformSceneNode(node),
-    ...transformBlend(node)
+    ...transformBlend(node),
+    ...transformProportion(node)
   };
 };

plugin-src/transformers/transformTextNode.ts

@@ -2,6 +2,7 @@ import {
   transformBlend,
   transformDimensionAndPosition,
   transformFills,
+  transformProportion,
   transformSceneNode,
   transformTextStyle
 } from '@plugin/transformers/partials';
@@ -42,6 +43,7 @@ export const transformTextNode = (node: TextNode, baseX: number, baseY: number):
     },
     ...transformDimensionAndPosition(node, baseX, baseY),
     ...transformSceneNode(node),
-    ...transformBlend(node)
+    ...transformBlend(node),
+    ...transformProportion(node)
   };
 };