react-figma - npm Package Compare versions

Comparing version 0.0.59 to 0.0.60

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" | "layoutAlign" | "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" | "layoutAlign" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints" | "overrides">>;
+    Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutAlign" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints">>;
+    Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutAlign" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints" | "overrides">>;
 };

package.json

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

renderers/component.js

@@ -10,2 +10,3 @@ "use strict";
 var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 exports.component = function (node) { return function (props) {
@@ -20,4 +21,5 @@ var componentNode = node || figma.createComponent();
     autoLayoutMixin_1.autoLayoutMixin(componentNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(componentNode)(props);
     return componentNode;
 }; };
 //# sourceMappingURL=component.js.map

renderers/ellipse.js

@@ -11,2 +11,3 @@ "use strict";
 var propsAssign_1 = require("../helpers/propsAssign");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var ellipseNodePropsAssign = propsAssign_1.propsAssign(['arcData']);
@@ -22,2 +23,3 @@ exports.ellipse = function (node) { return function (props) {
     blendMixin_1.blendMixin(ellipseNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(ellipseNode)(props);
     ellipseNodePropsAssign(ellipseNode)(props);
@@ -24,0 +26,0 @@ return ellipseNode;

renderers/frame.js

@@ -15,2 +15,3 @@ "use strict";
 var frameSpecificMixin_1 = require("../mixins/frameSpecificMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 exports.frame = function (node) { return function (props) {
@@ -30,4 +31,5 @@ var frameNode = node || props.node || figma.createFrame();
     frameSpecificMixin_1.frameSpecificProps(frameNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(frameNode)(props);
     return frameNode;
 }; };
 //# sourceMappingURL=frame.js.map

renderers/group.js

@@ -10,2 +10,3 @@ "use strict";
 var frameMixin_1 = require("../mixins/frameMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var createNewGroup = function () {
@@ -25,4 +26,5 @@ var rect = figma.createRectangle();
     frameMixin_1.frameMixin(frameNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(frameNode)(props);
     return frameNode;
 }; };
 //# sourceMappingURL=group.js.map

renderers/instance.js

@@ -10,2 +10,3 @@ "use strict";
 var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 exports.instance = function (node) { return function (props) {
@@ -20,4 +21,5 @@ var instanceNode = node || props.component.createInstance();
     autoLayoutMixin_1.autoLayoutMixin(instanceNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(instanceNode)(props);
     return instanceNode;
 }; };
 //# sourceMappingURL=instance.js.map

renderers/line.js

@@ -10,2 +10,3 @@ "use strict";
 var blendMixin_1 = require("../mixins/blendMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 exports.line = function (node) { return function (props) {
@@ -20,4 +21,5 @@ var lineNode = node || props.node || figma.createLine();
     blendMixin_1.blendMixin(lineNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(lineNode)(props);
     return lineNode;
 }; };
 //# sourceMappingURL=line.js.map

renderers/rectangle.js

@@ -12,2 +12,3 @@ "use strict";
 var rectangleCornerMixin_1 = require("../mixins/rectangleCornerMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 exports.rectangle = function (node) { return function (props) {
@@ -24,4 +25,5 @@ var rect = node || props.node || figma.createRectangle();
     blendMixin_1.blendMixin(rect)(props);
+    sceneNodeMixin_1.sceneNodeMixin(rect)(props);
     return rect;
 }; };
 //# sourceMappingURL=rectangle.js.map

renderers/star.js

@@ -11,2 +11,3 @@ "use strict";
 var blendMixin_1 = require("../mixins/blendMixin");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var starNodePropsAssign = propsAssign_1.propsAssign(['pointCount', 'innerRadius']);
@@ -23,4 +24,5 @@ exports.star = function (node) { return function (props) {
     starNodePropsAssign(starNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(starNode)(props);
     return starNode;
 }; };
 //# sourceMappingURL=star.js.map

renderers/svg.js

@@ -11,2 +11,3 @@ "use strict";
 var hashCode_1 = require("../helpers/hashCode");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var createNodeFromSvg = function (source) {
@@ -37,4 +38,5 @@ var node = figma.createNodeFromSvg(source);
     frameMixin_1.frameMixin(frameNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(frameNode)(props);
     return frameNode;
 }; };
 //# sourceMappingURL=svg.js.map

renderers/text.js

@@ -13,2 +13,3 @@ "use strict";
 var isEqualFontStyle_1 = require("../helpers/isEqualFontStyle");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var textNodePropsAssign = propsAssign_1.propsAssign([
@@ -38,2 +39,3 @@ 'characters',
     blendMixin_1.blendMixin(textNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(textNode)(props);
     var loadedFont = props.loadedFont, _a = props.fontName, fontName = _a === void 0 ? defaultFont : _a;
@@ -40,0 +42,0 @@ if (loadedFont &&

renderers/vector.js

@@ -12,2 +12,3 @@ "use strict";
 var propsAssign_1 = require("../helpers/propsAssign");
+var sceneNodeMixin_1 = require("../mixins/sceneNodeMixin");
 var vectorNodePropsAssign = propsAssign_1.propsAssign(['vectorPaths', 'vectorNetwork', 'handleMirroring']);
@@ -25,4 +26,5 @@ exports.vector = function (node) { return function (props) {
     vectorNodePropsAssign(vectorNode)(props);
+    sceneNodeMixin_1.sceneNodeMixin(vectorNode)(props);
     return vectorNode;
 }; };
 //# sourceMappingURL=vector.js.map

types.d.ts

@@ -98,6 +98,10 @@ import * as React from 'react';
 }
-export interface DefaultShapeProps extends BaseNodeProps, LayoutProps, GeometryProps, ExportProps, BlendProps {
+export interface SceneNodeProps {
+    visible?: boolean;
+    locked?: boolean;
 }
-export interface DefaultContainerProps extends BaseNodeProps, ChildrenProps, LayoutProps, ExportProps, BlendProps, FrameProps {
+export interface DefaultShapeProps extends BaseNodeProps, LayoutProps, GeometryProps, ExportProps, BlendProps, SceneNodeProps {
 }
+export interface DefaultContainerProps extends BaseNodeProps, ChildrenProps, LayoutProps, ExportProps, BlendProps, FrameProps, SceneNodeProps {
+}
 export declare type CommonStyle = LayoutStyleProperties & YogaStyleProperties & TextStyleProperties & BlendStyleProperties & GeometryStyleProperties & BorderStyleProperties;
@@ -104,0 +108,0 @@ export interface SelectionEventProps {

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

329494

increased by0.83%

Number of package files

267

increased by1.14%

Lines of code

5002

increased by0.64%

No dependency changes