react-figma - npm Package Compare versions

Comparing version 0.0.46 to 0.0.47

components/component/Component.d.ts

 import * as React from 'react';
-import { DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types';
+import { AutoLayoutProps, DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types';
 import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties';
 import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties';
 import { YogaStyleProperties } from '../../yoga/YogaStyleProperties';
-export interface ComponentProps extends DefaultContainerProps, SelectionEventProps {
+export interface ComponentProps extends DefaultContainerProps, SelectionEventProps, AutoLayoutProps {
     style?: StyleOf<YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>;
@@ -8,0 +8,0 @@ nodeRef?: any;

components/component/createComponent.d.ts

@@ -5,4 +5,4 @@ import * as React from 'react';
 export declare const createComponent: () => {
-    Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave">>;
-    Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "overrides">>;
+    Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints">>;
+    Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints" | "overrides">>;
 };

components/component/Instance.d.ts

 import * as React from 'react';
-import { DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types';
+import { AutoLayoutProps, DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types';
 import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties';
 import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties';
 import { YogaStyleProperties } from '../../yoga/YogaStyleProperties';
-export interface InstanceProps extends DefaultContainerProps, SelectionEventProps {
+export interface InstanceProps extends DefaultContainerProps, SelectionEventProps, AutoLayoutProps {
     style?: StyleOf<YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>;
@@ -8,0 +8,0 @@ overrides?: {

components/frame/Frame.d.ts

 import * as React from 'react';
-import { DefaultContainerProps, InstanceItemProps, SelectionEventProps, StyleOf } from '../../types';
+import { AutoLayoutProps, DefaultContainerProps, InstanceItemProps, SelectionEventProps, StyleOf } from '../../types';
 import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties';
@@ -179,3 +179,3 @@ import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties';
 };
-export interface FrameNodeProps extends DefaultContainerProps, InstanceItemProps, SelectionEventProps {
+export interface FrameNodeProps extends DefaultContainerProps, InstanceItemProps, SelectionEventProps, AutoLayoutProps {
     style?: StyleOf<GeometryStyleProperties & YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>;
@@ -182,0 +182,0 @@ preset?: Preset;

package.json

 {
   "name": "react-figma",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "description": "Render React components to Figma",
@@ -5,0 +5,0 @@ "scripts": {

renderers/component.js

@@ -9,2 +9,3 @@ "use strict";
 var blendMixin_1 = require("../mixins/blendMixin");
+var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin");
 exports.component = function (node) { return function (props) {
@@ -18,4 +19,5 @@ var componentNode = node || figma.createComponent();
     blendMixin_1.blendMixin(componentNode)(props);
+    autoLayoutMixin_1.autoLayoutMixin(componentNode)(props);
     return componentNode;
 }; };
 //# sourceMappingURL=component.js.map

renderers/frame.js

@@ -10,2 +10,3 @@ "use strict";
 var frameMixin_1 = require("../mixins/frameMixin");
+var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin");
 exports.frame = function (node) { return function (props) {
@@ -19,2 +20,3 @@ var frameNode = node || props.node || figma.createFrame();
     blendMixin_1.blendMixin(frameNode)(props);
+    autoLayoutMixin_1.autoLayoutMixin(frameNode)(props);
     frameMixin_1.frameMixin(frameNode)(props);
@@ -21,0 +23,0 @@ return frameNode;

renderers/instance.js

@@ -9,2 +9,3 @@ "use strict";
 var blendMixin_1 = require("../mixins/blendMixin");
+var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin");
 exports.instance = function (node) { return function (props) {
@@ -18,4 +19,5 @@ var instanceNode = node || props.component.createInstance();
     blendMixin_1.blendMixin(instanceNode)(props);
+    autoLayoutMixin_1.autoLayoutMixin(instanceNode)(props);
     return instanceNode;
 }; };
 //# sourceMappingURL=instance.js.map

types.d.ts

@@ -109,1 +109,9 @@ import * as React from 'react';
 }
+export interface AutoLayoutProps {
+    layoutMode?: 'NONE' | 'HORIZONTAL' | 'VERTICAL';
+    counterAxisSizingMode?: 'FIXED' | 'AUTO';
+    horizontalPadding?: number;
+    verticalPadding?: number;
+    itemSpacing?: number;
+    constraints?: Constraints;
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

307958

increased by0.63%

Number of package files

246

increased by1.23%

Lines of code

4719

increased by0.58%

No dependency changes