react-figma 0.16.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/.all-contributorsrc +36 -0
  2. package/README.md +6 -2
  3. package/components/component/Component.js +2 -0
  4. package/components/component/Component.js.map +1 -1
  5. package/components/component/ComponentSet.js +2 -0
  6. package/components/component/ComponentSet.js.map +1 -1
  7. package/components/component/Instance.js +2 -0
  8. package/components/component/Instance.js.map +1 -1
  9. package/components/component/createComponent.d.ts +2 -2
  10. package/components/ellipse/Ellipse.js +2 -0
  11. package/components/ellipse/Ellipse.js.map +1 -1
  12. package/components/frame/Frame.js +2 -0
  13. package/components/frame/Frame.js.map +1 -1
  14. package/components/group/Group.js +2 -0
  15. package/components/group/Group.js.map +1 -1
  16. package/components/line/Line.js +2 -0
  17. package/components/line/Line.js.map +1 -1
  18. package/components/rectangle/Rectangle.js +2 -0
  19. package/components/rectangle/Rectangle.js.map +1 -1
  20. package/components/star/Star.js +2 -0
  21. package/components/star/Star.js.map +1 -1
  22. package/components/svg/Svg.js +2 -0
  23. package/components/svg/Svg.js.map +1 -1
  24. package/components/text/Text.js +3 -1
  25. package/components/text/Text.js.map +1 -1
  26. package/components/vector/Vector.js +2 -0
  27. package/components/vector/Vector.js.map +1 -1
  28. package/contributing.md +1 -1
  29. package/hooks/useNodeIdCallback.d.ts +3 -0
  30. package/hooks/useNodeIdCallback.js +18 -0
  31. package/hooks/useNodeIdCallback.js.map +1 -0
  32. package/localStyles/useCreateFillStyleId.d.ts +3 -0
  33. package/localStyles/useCreateFillStyleId.js +64 -0
  34. package/localStyles/useCreateFillStyleId.js.map +1 -0
  35. package/localStyles/useFillPaintStyle.js +2 -57
  36. package/localStyles/useFillPaintStyle.js.map +1 -1
  37. package/localStyles/useTextStyle.d.ts +38 -0
  38. package/localStyles/useTextStyle.js +7 -2
  39. package/localStyles/useTextStyle.js.map +1 -1
  40. package/mixins/frameMixin.js +1 -1
  41. package/mixins/frameMixin.js.map +1 -1
  42. package/package.json +2 -2
  43. package/renderers/text.js +4 -2
  44. package/renderers/text.js.map +1 -1
  45. package/rpc.d.ts +2 -0
  46. package/rpc.js +5 -0
  47. package/rpc.js.map +1 -1
  48. package/styleTransformers/transformTextStyleProperties.d.ts +1 -0
  49. package/styleTransformers/transformTextStyleProperties.js.map +1 -1
  50. package/types.d.ts +7 -0
@@ -139,6 +139,42 @@
139
139
  "contributions": [
140
140
  "code"
141
141
  ]
142
+ },
143
+ {
144
+ "login": "kant",
145
+ "name": "Darío Hereñú",
146
+ "avatar_url": "https://avatars.githubusercontent.com/u/32717?v=4",
147
+ "profile": "https://github.com/kant",
148
+ "contributions": [
149
+ "doc"
150
+ ]
151
+ },
152
+ {
153
+ "login": "KonstHardy",
154
+ "name": "Konstantin Popov",
155
+ "avatar_url": "https://avatars.githubusercontent.com/u/46906648?v=4",
156
+ "profile": "https://github.com/KonstHardy",
157
+ "contributions": [
158
+ "doc"
159
+ ]
160
+ },
161
+ {
162
+ "login": "Utkarsh299-tech",
163
+ "name": "Utkarsh Singh",
164
+ "avatar_url": "https://avatars.githubusercontent.com/u/60184229?v=4",
165
+ "profile": "https://utkarsh299-tech.github.io/myportfolio/",
166
+ "contributions": [
167
+ "doc"
168
+ ]
169
+ },
170
+ {
171
+ "login": "mrkenneh",
172
+ "name": "mrkenneh",
173
+ "avatar_url": "https://avatars.githubusercontent.com/u/96268806?v=4",
174
+ "profile": "https://github.com/mrkenneh",
175
+ "contributions": [
176
+ "code"
177
+ ]
142
178
  }
143
179
  ],
144
180
  "contributorsPerLine": 7,
package/README.md CHANGED
@@ -115,7 +115,7 @@ export const App = () => {
115
115
  * [Interactive](examples/interactive)
116
116
  * [Data fetching](examples/fetching)
117
117
  * [💅 styled-components](examples/styled-components)
118
- * [PrimerDemo](https://github.com/react-figma/PrimerDemo) - Example of multifplatform UI-kit
118
+ * [PrimerDemo](https://github.com/react-figma/PrimerDemo) - Example of multiplatform UI-kit
119
119
  * [Component Variants](examples/component-variants)
120
120
  * [MDX](examples/mdx)
121
121
  * [Local Styles](examples/local-styles)
@@ -131,7 +131,7 @@ export const App = () => {
131
131
  <a href="https://opencollective.com/reactfigma/backer/4/website" target="_blank"><img src="https://opencollective.com/reactfigma/backer/4/avatar.svg"></a>
132
132
  <a href="https://opencollective.com/reactfigma/backer/5/website" target="_blank"><img src="https://opencollective.com/reactfigma/backer/5/avatar.svg"></a>
133
133
 
134
- [Become a sponsor](https://opencollective.com/reactfigma#sponsor) and get your logo on our README on Github with a link to your site.
134
+ [Become a sponsor](https://opencollective.com/reactfigma#sponsor) and get your logo on our README on GitHub with a link to your site.
135
135
 
136
136
  <a href="https://opencollective.com/reactfigma/sponsor/0/website" target="_blank"><img src="https://opencollective.com/reactfigma/sponsor/0/avatar.svg"></a>
137
137
  <a href="https://opencollective.com/reactfigma/sponsor/1/website" target="_blank"><img src="https://opencollective.com/reactfigma/sponsor/1/avatar.svg"></a>
@@ -190,6 +190,10 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
190
190
  </tr>
191
191
  <tr>
192
192
  <td align="center"><a href="https://michaelzheng.medium.com/"><img src="https://avatars.githubusercontent.com/u/7504237?v=4?s=100" width="100px;" alt=""/><br /><sub><b>不吃猫的鱼</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=n0ruSh" title="Code">💻</a></td>
193
+ <td align="center"><a href="https://github.com/kant"><img src="https://avatars.githubusercontent.com/u/32717?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Darío Hereñú</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=kant" title="Documentation">📖</a></td>
194
+ <td align="center"><a href="https://github.com/KonstHardy"><img src="https://avatars.githubusercontent.com/u/46906648?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Konstantin Popov</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=KonstHardy" title="Documentation">📖</a></td>
195
+ <td align="center"><a href="https://utkarsh299-tech.github.io/myportfolio/"><img src="https://avatars.githubusercontent.com/u/60184229?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Utkarsh Singh</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=Utkarsh299-tech" title="Documentation">📖</a></td>
196
+ <td align="center"><a href="https://github.com/mrkenneh"><img src="https://avatars.githubusercontent.com/u/96268806?v=4?s=100" width="100px;" alt=""/><br /><sub><b>mrkenneh</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=mrkenneh" title="Code">💻</a></td>
193
197
  </tr>
194
198
  </table>
195
199
 
@@ -22,9 +22,11 @@ var transformBorderProperties_1 = require("../../styleTransformers/transformBord
22
22
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
23
23
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
24
24
  var useImageHash_1 = require("../../hooks/useImageHash");
25
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
25
26
  var Component = function (props) {
26
27
  var nodeRef = props.nodeRef || React.useRef();
27
28
  useSelectionChange_1.useSelectionChange(nodeRef, props);
29
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
28
30
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
29
31
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
30
32
  var componentProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('backgrounds', style, imageHash), transformBorderProperties_1.transformBorderStyleProperties(style), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Component.js","sourceRoot":"","sources":["../../src/components/component/Component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAY/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAG2D;AAC3D,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAsBxD,IAAM,SAAS,GAA6B,UAAA,KAAK;IAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;IAChD,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAC1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACtD,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,0DAA8B,CAAC,KAAK,CAAC,EACrC,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAErE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,8CAAe,cAAc,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACpF,CAAC,CAAC;AAEO,8BAAS"}
1
+ {"version":3,"file":"Component.js","sourceRoot":"","sources":["../../src/components/component/Component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAY/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAG2D;AAC3D,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAsBlE,IAAM,SAAS,GAA6B,UAAA,KAAK;IAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;IAChD,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAC1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACtD,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,0DAA8B,CAAC,KAAK,CAAC,EACrC,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAErE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,8CAAe,cAAc,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACpF,CAAC,CAAC;AAEO,8BAAS"}
@@ -18,9 +18,11 @@ var __1 = require("../..");
18
18
  var useSelectionChange_1 = require("../../hooks/useSelectionChange");
19
19
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
20
20
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
21
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
21
22
  var ComponentSet = function (props) {
22
23
  var nodeRef = props.nodeRef || React.useRef();
23
24
  useSelectionChange_1.useSelectionChange(nodeRef, props);
25
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
24
26
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
25
27
  var componentProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), props, { style: style });
26
28
  var yogaChildProps = useYogaLayout_1.useYogaLayout(__assign({ nodeRef: nodeRef }, componentProps));
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentSet.js","sourceRoot":"","sources":["../../src/components/component/ComponentSet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAE1D,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAY1F,IAAM,YAAY,GAAgC,UAAA,KAAK;IACnD,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;IAChD,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAC1F,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAErE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,iDAAkB,cAAc,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACvF,CAAC,CAAC;AAEO,oCAAY"}
1
+ {"version":3,"file":"ComponentSet.js","sourceRoot":"","sources":["../../src/components/component/ComponentSet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAE1D,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,mEAAkE;AAYlE,IAAM,YAAY,GAAgC,UAAA,KAAK;IACnD,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;IAChD,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAC1F,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAErE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,iDAAkB,cAAc,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACvF,CAAC,CAAC;AAEO,oCAAY"}
@@ -56,6 +56,7 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
56
56
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
57
57
  var rpc_1 = require("../../rpc");
58
58
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
59
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
59
60
  var getComponentByType = function (type) {
60
61
  var componentName = type.charAt(0) + type.substring(1).toLowerCase();
61
62
  return all[componentName];
@@ -93,6 +94,7 @@ var Instance = function (props) {
93
94
  var _a = React.useState(false), isHaveNode = _a[0], setHaveNode = _a[1];
94
95
  var nodeRef = React.useRef();
95
96
  useSelectionChange_1.useSelectionChange(nodeRef, props);
97
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
96
98
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
97
99
  var componentProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), props, { style: style });
98
100
  var yogaProps = useYogaLayout_1.useYogaLayout(__assign({ nodeRef: nodeRef }, componentProps));
@@ -1 +1 @@
1
- {"version":3,"file":"Instance.js","sourceRoot":"","sources":["../../src/components/component/Instance.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Instance.js","sourceRoot":"","sources":["../../src/components/component/Instance.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,6 @@ import * as React from 'react';
2
2
  import { ComponentProps } from './Component';
3
3
  import { InstanceProps } from './Instance';
4
4
  export declare const createComponent: () => {
5
- Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "fills" | "backgrounds" | "fillStyleId" | "strokeStyleId" | "strokes" | "strokeWeight" | "strokeAlign" | "strokeCap" | "strokeJoin" | "dashPattern" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "cornerRadius" | "cornerSmoothing" | "isMask" | "effects" | "effectStyleId" | "topLeftRadius" | "topRightRadius" | "bottomLeftRadius" | "bottomRightRadius" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "clipsContent" | "guides" | "layoutGrids" | "gridStyleId" | "description" | "documentationLinks">>;
6
- Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "backgrounds" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "overrides" | "detach">>;
5
+ Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "fillStyleId" | "fills" | "backgrounds" | "strokeStyleId" | "strokes" | "strokeWeight" | "strokeAlign" | "strokeCap" | "strokeJoin" | "dashPattern" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "cornerRadius" | "cornerSmoothing" | "isMask" | "effects" | "effectStyleId" | "topLeftRadius" | "topRightRadius" | "bottomLeftRadius" | "bottomRightRadius" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "onNodeId" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "clipsContent" | "guides" | "layoutGrids" | "gridStyleId" | "description" | "documentationLinks">>;
6
+ Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "fillStyleId" | "backgrounds" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "onNodeId" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "overrides" | "detach">>;
7
7
  };
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Ellipse = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var ellipseProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../src/components/ellipse/Ellipse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAaxD,IAAM,OAAO,GAA2B,UAAA,KAAK;IACzC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAC/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,YAAY,gBACX,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,YAAY,EAAG,CAAC;IACnE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,4CAAa,YAAY,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAChF,CAAC,CAAC;AAEO,0BAAO"}
1
+ {"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../src/components/ellipse/Ellipse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAalE,IAAM,OAAO,GAA2B,UAAA,KAAK;IACzC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAC/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,YAAY,gBACX,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,YAAY,EAAG,CAAC;IACnE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,4CAAa,YAAY,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAChF,CAAC,CAAC;AAEO,0BAAO"}
@@ -34,6 +34,7 @@ var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAuto
34
34
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
35
35
  var useImageHash_1 = require("../../hooks/useImageHash");
36
36
  var useInheritStyle_1 = require("../../hooks/useInheritStyle");
37
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
37
38
  exports.FRAME_PRESETS = {
38
39
  iPhoneX: {
39
40
  name: 'iPhone X',
@@ -204,6 +205,7 @@ exports.FRAME_PRESETS = {
204
205
  var Frame = function (props) {
205
206
  var nodeRef = React.useRef();
206
207
  useSelectionChange_1.useSelectionChange(nodeRef, props);
208
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
207
209
  var style = __assign({}, StyleSheet_1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
208
210
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
209
211
  var preset = props.preset, propWithoutPreset = __rest(props, ["preset"]);
@@ -1 +1 @@
1
- {"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../src/components/frame/Frame.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../src/components/frame/Frame.tsx"],"names":[],"mappings":"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"}
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Group = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var groupProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('backgrounds', style, imageHash), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../src/components/group/Group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,6GAGkE;AAClE,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAUxD,IAAM,KAAK,GAA6B,UAAA,KAAK;IACzC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,UAAU,gBACT,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,UAAU,EAAG,CAAC;IACjE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,0CAAW,UAAU,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC5E,CAAC,CAAC;AAEO,sBAAK"}
1
+ {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../src/components/group/Group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,6GAGkE;AAClE,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAUlE,IAAM,KAAK,GAA6B,UAAA,KAAK;IACzC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,UAAU,gBACT,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,UAAU,EAAG,CAAC;IACjE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,0CAAW,UAAU,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC5E,CAAC,CAAC;AAEO,sBAAK"}
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Line = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var lineProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), transformBlendProperties_1.transformBlendProperties(style), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Line.js","sourceRoot":"","sources":["../../src/components/line/Line.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAYxD,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IAEF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,EAAG,CAAC;IAC3D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,yCAAU,SAAS,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CAAC;AAEO,oBAAI"}
1
+ {"version":3,"file":"Line.js","sourceRoot":"","sources":["../../src/components/line/Line.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAYlE,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IAEF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,EAAG,CAAC;IAC3D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,yCAAU,SAAS,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CAAC;AAEO,oBAAI"}
@@ -22,9 +22,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
22
22
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
23
23
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
24
24
  var useImageHash_1 = require("../../hooks/useImageHash");
25
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
25
26
  var Rectangle = function (props) {
26
27
  var nodeRef = React.useRef();
27
28
  useSelectionChange_1.useSelectionChange(nodeRef, props);
29
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
28
30
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
29
31
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
30
32
  var rectangleProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), transformBorderProperties_1.transformBorderStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../src/components/rectangle/Rectangle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,+FAG2D;AAC3D,6FAAkH;AAClH,2BAAmC;AAEnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAE1F,yDAAwD;AAmBxD,IAAM,SAAS,GAA6B,UAAA,KAAK;IAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,0DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAEhE,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,8CAAe,cAAc,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC/E,CAAC,CAAC;AAEO,8BAAS"}
1
+ {"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../src/components/rectangle/Rectangle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,+FAG2D;AAC3D,6FAAkH;AAClH,2BAAmC;AAEnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAE1F,yDAAwD;AACxD,mEAAkE;AAmBlE,IAAM,SAAS,GAA6B,UAAA,KAAK;IAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,cAAc,gBACb,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,0DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC;IAEhE,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,8CAAe,cAAc,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC/E,CAAC,CAAC;AAEO,8BAAS"}
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Star = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var starProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), transformBlendProperties_1.transformBlendProperties(style), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Star.js","sourceRoot":"","sources":["../../src/components/star/Star.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAaxD,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,EAAG,CAAC;IAC3D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,yCAAU,SAAS,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CAAC;AAEO,oBAAI"}
1
+ {"version":3,"file":"Star.js","sourceRoot":"","sources":["../../src/components/star/Star.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,6GAGkE;AAClE,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAalE,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,EAAG,CAAC;IAC3D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,yCAAU,SAAS,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CAAC;AAEO,oBAAI"}
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Svg = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, StyleSheet_1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var frameProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('backgrounds', style, imageHash), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../src/components/svg/Svg.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,uDAAsD;AACtD,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAWxD,IAAM,GAAG,GAA2B,UAAA,KAAK;IACrC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,uBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,UAAU,gBACT,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,UAAU,EAAG,CAAC;IACjE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,wCAAS,UAAU,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC1E,CAAC,CAAC;AAEO,kBAAG"}
1
+ {"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../src/components/svg/Svg.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAE/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,uDAAsD;AACtD,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAWlE,IAAM,GAAG,GAA2B,UAAA,KAAK;IACrC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,uBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,UAAU,gBACT,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EACjE,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,cAAc,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,UAAU,EAAG,CAAC;IACjE,uCAAkB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAE1C,OAAO,wCAAS,UAAU,EAAM,cAAc,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AAC1E,CAAC,CAAC;AAEO,kBAAG"}
@@ -23,12 +23,14 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
23
23
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
24
24
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
25
25
  var useInheritStyle_1 = require("../../hooks/useInheritStyle");
26
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
26
27
  var normalizeTextNodeChidren = function (children) {
27
28
  return Array.isArray(children) ? children.join('') : children;
28
29
  };
29
30
  var Text = function (props) {
30
31
  var nodeRef = React.useRef();
31
32
  useSelectionChange_1.useSelectionChange(nodeRef, props);
33
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
32
34
  var inheritedStyle = useInheritStyle_1.useInheritStyle();
33
35
  var flattenOriginalStyle = __1.StyleSheet.flatten(props.style);
34
36
  var style = __assign({}, (process.env.REACT_FIGMA_STYLE_INHERITANCE_ENABLED ? inheritedStyle : {}), (process.env.REACT_FIGMA_WEB_DEFAULTS_ENABLED &&
@@ -38,7 +40,7 @@ var Text = function (props) {
38
40
  : {}), __1.StyleSheet.flatten(flattenOriginalStyle), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
39
41
  var children = normalizeTextNodeChidren(props.children);
40
42
  var charactersByChildren = useTextChildren_1.useTextChildren(nodeRef);
41
- var textProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformTextStyleProperties_1.transformTextStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), props, { characters: charactersByChildren || props.characters }, (style && style.textStyleId ? { textStyleId: style.textStyleId } : {}), { style: style,
43
+ var textProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformTextStyleProperties_1.transformTextStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), props, { characters: charactersByChildren || props.characters }, (style && style.textStyleId ? { textStyleId: style.textStyleId } : {}), (style && style.fillStyleId ? { fillStyleId: style.fillStyleId } : {}), { style: style,
42
44
  children: children });
43
45
  var hasDefinedWidth = textProps.width || style.maxWidth;
44
46
  var loadedFont = useFontName_1.useFontName(textProps.fontName || { family: 'Roboto', style: 'Regular' });
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,qGAG8D;AAC9D,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,uDAAsD;AACtD,+DAA8D;AAC9D,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,+DAA8D;AAc9D,IAAM,wBAAwB,GAAG,UAAA,QAAQ;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClE,CAAC,CAAC;AAEF,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,IAAM,cAAc,GAAG,iCAAe,EAAE,CAAC;IACzC,IAAM,oBAAoB,GAAG,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7D,IAAM,KAAK,gBACJ,CAAC,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,OAAO,CAAC,GAAG,CAAC,gCAAgC;QAChD,KAAK,CAAC,KAAK;QACV,oBAA4B,CAAC,OAAO,KAAK,OAAO;QAC7C,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;QACtB,CAAC,CAAC,EAAE,CAAC,EACN,cAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,EACxC,qDAAyB,CAAC,KAAK,CAAC,CACtC,CAAC;IACF,IAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,IAAM,oBAAoB,GAAG,iCAAe,CAAC,OAAO,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,2DAA4B,CAAC,KAAK,CAAC,EACnC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,UAAU,EAAE,oBAAoB,IAAI,KAAK,CAAC,UAAU,IACjD,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzE,KAAK,OAAA;QACL,QAAQ,UAAA,GACX,CAAC;IACF,IAAM,eAAe,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC;IAC1D,IAAM,UAAU,GAAG,yBAAW,CAAC,SAAS,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,IAAE,UAAU,YAAA,IAAG,CAAC;IACvE,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,CACH,yCACQ,SAAS,EACT,SAAS,IACb,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,IACnB,CACL,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,qGAG8D;AAC9D,2DAA0D;AAC1D,6FAAkH;AAElH,2BAAmC;AACnC,uDAAsD;AACtD,+DAA8D;AAC9D,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,+DAA8D;AAC9D,mEAAkE;AAclE,IAAM,wBAAwB,GAAG,UAAA,QAAQ;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClE,CAAC,CAAC;AAEF,IAAM,IAAI,GAAwB,UAAA,KAAK;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,cAAc,GAAG,iCAAe,EAAE,CAAC;IACzC,IAAM,oBAAoB,GAAG,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7D,IAAM,KAAK,gBACJ,CAAC,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,OAAO,CAAC,GAAG,CAAC,gCAAgC;QAChD,KAAK,CAAC,KAAK;QACV,oBAA4B,CAAC,OAAO,KAAK,OAAO;QAC7C,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;QACtB,CAAC,CAAC,EAAE,CAAC,EACN,cAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,EACxC,qDAAyB,CAAC,KAAK,CAAC,CACtC,CAAC;IACF,IAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,IAAM,oBAAoB,GAAG,iCAAe,CAAC,OAAO,CAAC,CAAC;IAEtD,IAAM,SAAS,gBACR,+DAA8B,CAAC,KAAK,CAAC,EACrC,2DAA4B,CAAC,KAAK,CAAC,EACnC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,KAAK,IACR,UAAU,EAAE,oBAAoB,IAAI,KAAK,CAAC,UAAU,IACjD,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtE,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzE,KAAK,OAAA;QACL,QAAQ,UAAA,GACX,CAAC;IACF,IAAM,eAAe,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC;IAC1D,IAAM,UAAU,GAAG,yBAAW,CAAC,SAAS,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,SAAS,IAAE,UAAU,YAAA,IAAG,CAAC;IACvE,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAErC,OAAO,CACH,yCACQ,SAAS,EACT,SAAS,IACb,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,IACnB,CACL,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}
@@ -21,9 +21,11 @@ var useSelectionChange_1 = require("../../hooks/useSelectionChange");
21
21
  var transformAutoLayoutToYoga_1 = require("../../styleTransformers/transformAutoLayoutToYoga");
22
22
  var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
23
23
  var useImageHash_1 = require("../../hooks/useImageHash");
24
+ var useNodeIdCallback_1 = require("../../hooks/useNodeIdCallback");
24
25
  var Vector = function (props) {
25
26
  var nodeRef = React.useRef();
26
27
  useSelectionChange_1.useSelectionChange(nodeRef, props);
28
+ useNodeIdCallback_1.useNodeIdCallback(nodeRef, props.onNodeId);
27
29
  var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
28
30
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
29
31
  var vectorProps = __assign({}, transformLayoutStyleProperties_1.transformLayoutStyleProperties(style), transformBlendProperties_1.transformBlendProperties(style), transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), props, { style: style });
@@ -1 +1 @@
1
- {"version":3,"file":"Vector.js","sourceRoot":"","sources":["../../src/components/vector/Vector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AAaxD,IAAM,MAAM,GAA0B,UAAA,KAAK;IACvC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,WAAW,gBACV,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,WAAW,EAAG,CAAC;IAC7D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACrC,OAAO,2CAAY,WAAW,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACzE,CAAC,CAAC;AAEO,wBAAM"}
1
+ {"version":3,"file":"Vector.js","sourceRoot":"","sources":["../../src/components/vector/Vector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAS/B,yGAGgE;AAChE,2DAA0D;AAC1D,6FAAkH;AAClH,6GAGkE;AAElE,2BAAmC;AACnC,qEAAoE;AACpE,+FAA8F;AAC9F,qEAA0F;AAC1F,yDAAwD;AACxD,mEAAkE;AAalE,IAAM,MAAM,GAA0B,UAAA,KAAK;IACvC,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,uCAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,qCAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,KAAK,gBAAQ,cAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAK,qDAAyB,CAAC,KAAK,CAAC,CAAE,CAAC;IAE1F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,WAAW,gBACV,+DAA8B,CAAC,KAAK,CAAC,EACrC,mDAAwB,CAAC,KAAK,CAAC,EAC/B,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,EAC3D,KAAK,IACR,KAAK,OAAA,GACR,CAAC;IACF,IAAM,SAAS,GAAG,6BAAa,YAAG,OAAO,SAAA,IAAK,WAAW,EAAG,CAAC;IAC7D,uCAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACrC,OAAO,2CAAY,WAAW,EAAM,SAAS,IAAE,QAAQ,EAAE,OAAO,IAAI,CAAC;AACzE,CAAC,CAAC;AAEO,wBAAM"}
package/contributing.md CHANGED
@@ -66,4 +66,4 @@ Before commit pre-commit hook will be launched. It runs prettier and linting/tes
66
66
 
67
67
  ## Publishing new version to NPM
68
68
  1. Bump version in `package.json` and `src/renderer.tsx`
69
- 2. Create new release/new tag on Github named `vx.y.z` where `x.y.z` is new version number
69
+ 2. Create new release/new tag on GitHub named `vx.y.z` where `x.y.z` is new version number
@@ -0,0 +1,3 @@
1
+ export declare const useNodeIdCallback: (nodeRef: {
2
+ current?: any;
3
+ }, onNodeId: (nodeId: string) => void) => void;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var React = require("react");
4
+ var rpc_1 = require("../rpc");
5
+ exports.useNodeIdCallback = function (nodeRef, onNodeId) {
6
+ React.useEffect(function () {
7
+ var instance = nodeRef.current;
8
+ var handler = function (_a) {
9
+ var reactId = _a[0], nodeId = _a[1];
10
+ if (onNodeId && instance && instance.reactId === reactId) {
11
+ onNodeId(nodeId);
12
+ }
13
+ };
14
+ var subscription = rpc_1.$bindReactIdWithNodeId.subscribe(function (value) { return handler && handler(value); });
15
+ return function () { return subscription.unsubscribe(); };
16
+ }, [onNodeId]);
17
+ };
18
+ //# sourceMappingURL=useNodeIdCallback.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNodeIdCallback.js","sourceRoot":"","sources":["../src/hooks/useNodeIdCallback.ts"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,8BAAgD;AAEnC,QAAA,iBAAiB,GAAG,UAAC,OAA0B,EAAE,QAAkC;IAC5F,KAAK,CAAC,SAAS,CAAC;QACZ,IAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;QACjC,IAAM,OAAO,GAAG,UAAC,EAAmC;gBAAlC,eAAO,EAAE,cAAM;YAC7B,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;gBACtD,QAAQ,CAAC,MAAM,CAAC,CAAC;aACpB;QACL,CAAC,CAAC;QAEF,IAAM,YAAY,GAAG,4BAAsB,CAAC,SAAS,CAAC,UAAA,KAAK,IAAI,OAAA,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,EAAzB,CAAyB,CAAC,CAAC;QAE1F,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC5C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="plugin-typings" />
2
+ import { CommonStyleProps } from '../types';
3
+ export declare const useCreateFillStyleId: (fills: symbol | readonly Paint[], params: CommonStyleProps) => any[];
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (_) try {
17
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
36
+ };
37
+ var _this = this;
38
+ Object.defineProperty(exports, "__esModule", { value: true });
39
+ var rpc_1 = require("../rpc");
40
+ var React = require("react");
41
+ exports.useCreateFillStyleId = function (fills, params) {
42
+ var _a = React.useState(null), fillStyleId = _a[0], setFillStyleId = _a[1];
43
+ var createFillsStyle = function () { return __awaiter(_this, void 0, void 0, function () {
44
+ var id;
45
+ return __generator(this, function (_a) {
46
+ switch (_a.label) {
47
+ case 0:
48
+ if (!fills) {
49
+ return [2 /*return*/];
50
+ }
51
+ return [4 /*yield*/, rpc_1.api.createOrUpdatePaintStyle({
52
+ paints: fills,
53
+ params: params
54
+ })];
55
+ case 1:
56
+ id = _a.sent();
57
+ setFillStyleId(id);
58
+ return [2 /*return*/];
59
+ }
60
+ });
61
+ }); };
62
+ return [createFillsStyle, fillStyleId];
63
+ };
64
+ //# sourceMappingURL=useCreateFillStyleId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCreateFillStyleId.js","sourceRoot":"","sources":["../src/localStyles/useCreateFillStyleId.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iBAoBA;;AApBA,8BAA6B;AAC7B,6BAA+B;AAGlB,QAAA,oBAAoB,GAAG,UAAC,KAAgC,EAAE,MAAwB;IACrF,IAAA,yBAAoD,EAAnD,mBAAW,EAAE,sBAAsC,CAAC;IAE3D,IAAM,gBAAgB,GAAG;;;;;oBACrB,IAAI,CAAC,KAAK,EAAE;wBACR,sBAAO;qBACV;oBACU,qBAAM,SAAG,CAAC,wBAAwB,CAAC;4BAC1C,MAAM,EAAE,KAAK;4BACb,MAAM,QAAA;yBACT,CAAC,EAAA;;oBAHI,EAAE,GAAG,SAGT;oBACF,cAAc,CAAC,EAAE,CAAC,CAAC;;;;SACtB,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;AAC3C,CAAC,CAAC"}
@@ -10,75 +10,20 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
- return new (P || (P = Promise))(function (resolve, reject) {
15
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
- function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
18
- step((generator = generator.apply(thisArg, _arguments || [])).next());
19
- });
20
- };
21
- var __generator = (this && this.__generator) || function (thisArg, body) {
22
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
- function verb(n) { return function (v) { return step([n, v]); }; }
25
- function step(op) {
26
- if (f) throw new TypeError("Generator is already executing.");
27
- while (_) try {
28
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29
- if (y = 0, t) op = [op[0] & 2, t.value];
30
- switch (op[0]) {
31
- case 0: case 1: t = op; break;
32
- case 4: _.label++; return { value: op[1], done: false };
33
- case 5: _.label++; y = op[1]; op = [0]; continue;
34
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
- default:
36
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
- if (t[2]) _.ops.pop();
41
- _.trys.pop(); continue;
42
- }
43
- op = body.call(thisArg, _);
44
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
- }
47
- };
48
- var _this = this;
49
13
  Object.defineProperty(exports, "__esModule", { value: true });
50
14
  var transformGeometryStyleProperties_1 = require("../styleTransformers/transformGeometryStyleProperties");
51
- var rpc_1 = require("../rpc");
52
15
  var React = require("react");
53
16
  var useImageHash_1 = require("../hooks/useImageHash");
54
17
  var Platform_1 = require("../helpers/Platform");
18
+ var useCreateFillStyleId_1 = require("./useCreateFillStyleId");
55
19
  exports.useFillPaintStyle = function (style, params) {
56
- var _a = React.useState(null), fillStyleId = _a[0], setFillStyleId = _a[1];
57
20
  var imageHash = useImageHash_1.useImageHash(style.backgroundImage);
58
21
  var transformedStyles = __assign({}, transformGeometryStyleProperties_1.transformGeometryStyleProperties('fills', style, imageHash), { style: style });
22
+ var _a = useCreateFillStyleId_1.useCreateFillStyleId(transformedStyles.fills, params), createFillsStyle = _a[0], fillStyleId = _a[1];
59
23
  React.useEffect(function () {
60
24
  if (Platform_1.Platform.OS !== 'figma') {
61
25
  return;
62
26
  }
63
- var createFillsStyle = function () { return __awaiter(_this, void 0, void 0, function () {
64
- var id;
65
- return __generator(this, function (_a) {
66
- switch (_a.label) {
67
- case 0:
68
- if (!transformedStyles.fills) {
69
- return [2 /*return*/];
70
- }
71
- return [4 /*yield*/, rpc_1.api.createOrUpdatePaintStyle({
72
- paints: transformedStyles.fills,
73
- params: params
74
- })];
75
- case 1:
76
- id = _a.sent();
77
- setFillStyleId(id);
78
- return [2 /*return*/];
79
- }
80
- });
81
- }); };
82
27
  createFillsStyle();
83
28
  }, [transformedStyles]);
84
29
  return __assign({}, style, (fillStyleId ? { fillStyleId: fillStyleId } : {}));
@@ -1 +1 @@
1
- {"version":3,"file":"useFillPaintStyle.js","sourceRoot":"","sources":["../src/localStyles/useFillPaintStyle.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iBAuCA;;AAvCA,0GAG+D;AAE/D,8BAA6B;AAC7B,6BAA+B;AAC/B,sDAAqD;AACrD,gDAA+C;AAGlC,QAAA,iBAAiB,GAAG,UAAC,KAAuC,EAAE,MAAwB;IACzF,IAAA,yBAAoD,EAAnD,mBAAW,EAAE,sBAAsC,CAAC;IAC3D,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,iBAAiB,gBAChB,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,IAC9D,KAAK,OAAA,GACR,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,mBAAQ,CAAC,EAAE,KAAK,OAAO,EAAE;YACzB,OAAO;SACV;QACD,IAAM,gBAAgB,GAAG;;;;;wBACrB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;4BAC1B,sBAAO;yBACV;wBACU,qBAAM,SAAG,CAAC,wBAAwB,CAAC;gCAC1C,MAAM,EAAE,iBAAiB,CAAC,KAAK;gCAC/B,MAAM,QAAA;6BACT,CAAC,EAAA;;wBAHI,EAAE,GAAG,SAGT;wBACF,cAAc,CAAC,EAAE,CAAC,CAAC;;;;aACtB,CAAC;QACF,gBAAgB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,oBAAY,KAAK,EAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAG;AACjE,CAAC,CAAC"}
1
+ {"version":3,"file":"useFillPaintStyle.js","sourceRoot":"","sources":["../src/localStyles/useFillPaintStyle.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0GAG+D;AAG/D,6BAA+B;AAC/B,sDAAqD;AACrD,gDAA+C;AAE/C,+DAA8D;AAEjD,QAAA,iBAAiB,GAAG,UAAC,KAAuC,EAAE,MAAwB;IAC/F,IAAM,SAAS,GAAG,2BAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,iBAAiB,gBAChB,mEAAgC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,IAC9D,KAAK,OAAA,GACR,CAAC;IACI,IAAA,iFAAuF,EAAtF,wBAAgB,EAAE,mBAAoE,CAAC;IAE9F,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,mBAAQ,CAAC,EAAE,KAAK,OAAO,EAAE;YACzB,OAAO;SACV;QAED,gBAAgB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,oBAAY,KAAK,EAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAG;AACjE,CAAC,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { TextStyleProperties } from '../styleTransformers/transformTextStyleProperties';
2
2
  import { CommonStyleProps } from '../types';
3
3
  export declare const useTextStyle: (style: Partial<TextStyleProperties>, params: CommonStyleProps) => {
4
+ fillStyleId: any;
4
5
  textStyleId: any;
5
6
  color?: string;
6
7
  fontFamily?: string;
@@ -17,6 +18,42 @@ export declare const useTextStyle: (style: Partial<TextStyleProperties>, params:
17
18
  height: number;
18
19
  };
19
20
  textShadowRadius?: number;
21
+ } | {
22
+ textStyleId: any;
23
+ color?: string;
24
+ fontFamily?: string;
25
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
26
+ fontStyle?: "normal" | "italic" | "solid";
27
+ fontSize?: number;
28
+ textAlign?: "left" | "center" | "auto" | "right" | "justify";
29
+ lineHeight?: import("../helpers/size").TSize;
30
+ letterSpacing?: import("../helpers/size").TSize;
31
+ textDecorationLine?: "none" | "underline" | "line-through";
32
+ textShadowColor?: string;
33
+ textShadowOffset?: {
34
+ width: number;
35
+ height: number;
36
+ };
37
+ textShadowRadius?: number;
38
+ fillStyleId?: string;
39
+ } | {
40
+ fillStyleId: any;
41
+ color?: string;
42
+ fontFamily?: string;
43
+ fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
44
+ fontStyle?: "normal" | "italic" | "solid";
45
+ fontSize?: number;
46
+ textAlign?: "left" | "center" | "auto" | "right" | "justify";
47
+ lineHeight?: import("../helpers/size").TSize;
48
+ letterSpacing?: import("../helpers/size").TSize;
49
+ textDecorationLine?: "none" | "underline" | "line-through";
50
+ textShadowColor?: string;
51
+ textShadowOffset?: {
52
+ width: number;
53
+ height: number;
54
+ };
55
+ textShadowRadius?: number;
56
+ textStyleId?: string;
20
57
  } | {
21
58
  color?: string;
22
59
  fontFamily?: string;
@@ -34,4 +71,5 @@ export declare const useTextStyle: (style: Partial<TextStyleProperties>, params:
34
71
  };
35
72
  textShadowRadius?: number;
36
73
  textStyleId?: string;
74
+ fillStyleId?: string;
37
75
  };
@@ -52,6 +52,7 @@ var Platform_1 = require("../helpers/Platform");
52
52
  var transformTextStyleProperties_1 = require("../styleTransformers/transformTextStyleProperties");
53
53
  var React = require("react");
54
54
  var useFontName_1 = require("../hooks/useFontName");
55
+ var useCreateFillStyleId_1 = require("./useCreateFillStyleId");
55
56
  var AVAILABLE_TEXT_PROPERTIES = [
56
57
  'fontSize',
57
58
  'textDecoration',
@@ -65,6 +66,7 @@ var AVAILABLE_TEXT_PROPERTIES = [
65
66
  exports.useTextStyle = function (style, params) {
66
67
  var _a = React.useState(null), textStyleId = _a[0], setTextStyleId = _a[1];
67
68
  var transformedStyles = React.useMemo(function () { return (__assign({}, transformTextStyleProperties_1.transformTextStyleProperties(style), { style: style })); }, [style]);
69
+ var _b = useCreateFillStyleId_1.useCreateFillStyleId(transformedStyles.fills, params), createFillsStyle = _b[0], fillStyleId = _b[1];
68
70
  var textProperties = React.useMemo(function () {
69
71
  return Object.keys(transformedStyles).reduce(function (prev, current) {
70
72
  var _a;
@@ -96,8 +98,11 @@ exports.useTextStyle = function (style, params) {
96
98
  }
97
99
  });
98
100
  }); };
99
- createTextStyle();
101
+ if (loadedFont) {
102
+ createTextStyle();
103
+ }
104
+ createFillsStyle();
100
105
  }, [textProperties, loadedFont]);
101
- return __assign({}, style, (textStyleId ? { textStyleId: textStyleId } : {}));
106
+ return __assign({}, style, (textStyleId ? { textStyleId: textStyleId } : {}), (fillStyleId ? { fillStyleId: fillStyleId } : {}));
102
107
  };
103
108
  //# sourceMappingURL=useTextStyle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTextStyle.js","sourceRoot":"","sources":["../src/localStyles/useTextStyle.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iBA6DA;;AA7DA,8BAA6B;AAC7B,gDAA+C;AAC/C,kGAAsH;AACtH,6BAA+B;AAC/B,oDAAmD;AAGnD,IAAM,yBAAyB,GAAG;IAC9B,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,eAAe;IACf,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,UAAU;CACb,CAAC;AAEW,QAAA,YAAY,GAAG,UAAC,KAAmC,EAAE,MAAwB;IAChF,IAAA,yBAAoD,EAAnD,mBAAW,EAAE,sBAAsC,CAAC;IAE3D,IAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,cAAM,OAAA,cACC,2DAA4B,CAAC,KAAK,CAAC,IACtC,KAAK,OAAA,IACP,EAHI,CAGJ,EACF,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,CACxC,UAAC,IAAI,EAAE,OAAO;;YAAK,OAAA,cACZ,IAAI,EACJ,CAAC,yBAAyB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,iBAAiB,CAAC,OAAO,CAAC,MAAG,CAAC,CAAC,EAAE,CAAC,EACvG;QAHiB,CAGjB,EACF,EAAE,CACL,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAM,UAAU,GAAG,yBAAW,CAAE,cAAsB,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAE3G,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,mBAAQ,CAAC,EAAE,KAAK,OAAO,EAAE;YACzB,OAAO;SACV;QACD,IAAM,eAAe,GAAG;;;;;wBACpB,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;4BAC1C,sBAAO;yBACV;wBACU,qBAAM,SAAG,CAAC,uBAAuB,CAAC;gCACzC,cAAc,gBAAA;gCACd,MAAM,QAAA;gCACN,UAAU,YAAA;6BACb,CAAC,EAAA;;wBAJI,EAAE,GAAG,SAIT;wBACF,cAAc,CAAC,EAAE,CAAC,CAAC;;;;aACtB,CAAC;QACF,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,oBAAY,KAAK,EAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAG;AAC9E,CAAC,CAAC"}
1
+ {"version":3,"file":"useTextStyle.js","sourceRoot":"","sources":["../src/localStyles/useTextStyle.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iBAyEA;;AAzEA,8BAA6B;AAC7B,gDAA+C;AAC/C,kGAAsH;AACtH,6BAA+B;AAC/B,oDAAmD;AAEnD,+DAA8D;AAE9D,IAAM,yBAAyB,GAAG;IAC9B,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,eAAe;IACf,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,UAAU;CACb,CAAC;AAEW,QAAA,YAAY,GAAG,UAAC,KAAmC,EAAE,MAAwB;IAChF,IAAA,yBAAoD,EAAnD,mBAAW,EAAE,sBAAsC,CAAC;IAE3D,IAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,cAAM,OAAA,cACC,2DAA4B,CAAC,KAAK,CAAC,IACtC,KAAK,OAAA,IACP,EAHI,CAGJ,EACF,CAAC,KAAK,CAAC,CACV,CAAC;IAEI,IAAA,iFAAuF,EAAtF,wBAAgB,EAAE,mBAAoE,CAAC;IAE9F,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,CACxC,UAAC,IAAI,EAAE,OAAO;;YAAK,OAAA,cACZ,IAAI,EACJ,CAAC,yBAAyB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,iBAAiB,CAAC,OAAO,CAAC,MAAG,CAAC,CAAC,EAAE,CAAC,EACvG;QAHiB,CAGjB,EACF,EAAE,CACL,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAM,UAAU,GAAG,yBAAW,CAAE,cAAsB,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAE3G,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,mBAAQ,CAAC,EAAE,KAAK,OAAO,EAAE;YACzB,OAAO;SACV;QACD,IAAM,eAAe,GAAG;;;;;wBACpB,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;4BAC1C,sBAAO;yBACV;wBACU,qBAAM,SAAG,CAAC,uBAAuB,CAAC;gCACzC,cAAc,gBAAA;gCACd,MAAM,QAAA;gCACN,UAAU,YAAA;6BACb,CAAC,EAAA;;wBAJI,EAAE,GAAG,SAIT;wBACF,cAAc,CAAC,EAAE,CAAC,CAAC;;;;aACtB,CAAC;QAEF,IAAI,UAAU,EAAE;YACZ,eAAe,EAAE,CAAC;SACrB;QAED,gBAAgB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,oBACO,KAAK,EACL,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACjD,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtD;AACN,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var propsAssign_1 = require("../helpers/propsAssign");
4
- exports.frameMixin = propsAssign_1.propsAssign(['backgrounds'], {
4
+ exports.frameMixin = propsAssign_1.propsAssign(['backgrounds', 'fillStyleId'], {
5
5
  backgrounds: []
6
6
  });
7
7
  //# sourceMappingURL=frameMixin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"frameMixin.js","sourceRoot":"","sources":["../src/mixins/frameMixin.ts"],"names":[],"mappings":";;AAAA,sDAAqD;AAGxC,QAAA,UAAU,GAAG,yBAAW,CAAyB,CAAC,aAAa,CAAC,EAAE;IAC3E,WAAW,EAAE,EAAE;CAClB,CAAC,CAAC"}
1
+ {"version":3,"file":"frameMixin.js","sourceRoot":"","sources":["../src/mixins/frameMixin.ts"],"names":[],"mappings":";;AAAA,sDAAqD;AAGxC,QAAA,UAAU,GAAG,yBAAW,CAAyB,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE;IAC1F,WAAW,EAAE,EAAE;CAClB,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-figma",
3
- "version": "0.16.0",
3
+ "version": "0.19.0",
4
4
  "description": "Render React components to Figma",
5
5
  "scripts": {
6
6
  "tsc": "tsc -p tsconfig.json --noEmit",
@@ -37,7 +37,7 @@
37
37
  "node": ">=10.0.0"
38
38
  },
39
39
  "devDependencies": {
40
- "@figma/plugin-typings": "1.23",
40
+ "@figma/plugin-typings": "1.24",
41
41
  "@types/jest": "^24.0.18",
42
42
  "@types/node": "^12.7.8",
43
43
  "@types/react": "^16.9.4",
package/renderers/text.js CHANGED
@@ -25,7 +25,8 @@ var textNodePropsAssign = propsAssign_1.propsAssign([
25
25
  'textDecoration',
26
26
  'letterSpacing',
27
27
  'lineHeight',
28
- 'textStyleId'
28
+ 'textStyleId',
29
+ 'hyperlink'
29
30
  ], {
30
31
  characters: '',
31
32
  textAlignHorizontal: 'LEFT',
@@ -37,7 +38,8 @@ var textNodePropsAssign = propsAssign_1.propsAssign([
37
38
  textCase: 'ORIGINAL',
38
39
  textDecoration: 'NONE',
39
40
  letterSpacing: { value: 0, unit: 'PIXELS' },
40
- lineHeight: { unit: 'AUTO' }
41
+ lineHeight: { unit: 'AUTO' },
42
+ hyperlink: null
41
43
  });
42
44
  var defaultFont = { family: 'Roboto', style: 'Regular' };
43
45
  exports.text = function (node) { return function (props) {
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../src/renderers/text.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../src/renderers/text.ts"],"names":[],"mappings":"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"}
package/rpc.d.ts CHANGED
@@ -45,8 +45,10 @@ export declare const setupMainThread: () => void;
45
45
  export declare const $currentPageTempId: Subject<unknown>;
46
46
  export declare const $selectionReactIds: Subject<unknown>;
47
47
  export declare const $updateYogaReactId: Subject<unknown>;
48
+ export declare const $bindReactIdWithNodeId: Subject<[string, string]>;
48
49
  export declare const uiApi: Readonly<{
49
50
  currentPageChange: (reactId: any) => Promise<void>;
50
51
  selectionChange: (reactIds: any) => Promise<void>;
51
52
  updateYogaNode: (reactId: any) => Promise<void>;
53
+ bindReactIdWithNode: (reactId: any, nodeId: any) => Promise<void>;
52
54
  }>;
package/rpc.js CHANGED
@@ -155,6 +155,7 @@ exports.api = figma_jsonrpc_1.createPluginAPI({
155
155
  var node = transformToNode(_node);
156
156
  var instance = renderInstance(type, node, props && __assign({}, props, (type === 'instance' && props.component ? { component: transformToNode(props.component) } : {}), (props.node ? { node: transformToNode(props.node) } : {})), tempNode.reactId);
157
157
  cache[tempNode.reactId] = instance;
158
+ exports.uiApi.bindReactIdWithNode(tempNode.reactId, instance.id);
158
159
  },
159
160
  appendToContainer: function (_parentNode, _childNode) {
160
161
  var parentNode = transformToNode(_parentNode);
@@ -277,6 +278,7 @@ exports.setupMainThread = function () {
277
278
  exports.$currentPageTempId = new rxjs_1.Subject();
278
279
  exports.$selectionReactIds = new rxjs_1.Subject();
279
280
  exports.$updateYogaReactId = new rxjs_1.Subject();
281
+ exports.$bindReactIdWithNodeId = new rxjs_1.Subject();
280
282
  // those methods will be executed in the Figma UI,
281
283
  // regardless of where they are called from
282
284
  exports.uiApi = figma_jsonrpc_1.createUIAPI({
@@ -288,6 +290,9 @@ exports.uiApi = figma_jsonrpc_1.createUIAPI({
288
290
  },
289
291
  updateYogaNode: function (reactId) {
290
292
  exports.$updateYogaReactId.next(reactId);
293
+ },
294
+ bindReactIdWithNode: function (reactId, nodeId) {
295
+ exports.$bindReactIdWithNodeId.next([reactId, nodeId]);
291
296
  }
292
297
  }, {
293
298
  timeout: 60 * 1000
package/rpc.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rpc.js","sourceRoot":"","sources":["src/rpc.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"rpc.js","sourceRoot":"","sources":["src/rpc.ts"],"names":[],"mappings":"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"}
@@ -16,6 +16,7 @@ export interface TextStyleProperties {
16
16
  };
17
17
  textShadowRadius: number;
18
18
  textStyleId: string;
19
+ fillStyleId: string;
19
20
  }
20
21
  interface TextProperties extends GeometryProps, TextNodeProps {
21
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"transformTextStyleProperties.js","sourceRoot":"","sources":["../src/styleTransformers/transformTextStyleProperties.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"transformTextStyleProperties.js","sourceRoot":"","sources":["../src/styleTransformers/transformTextStyleProperties.ts"],"names":[],"mappings":"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"}
package/types.d.ts CHANGED
@@ -18,6 +18,7 @@ export interface BaseNodeProps {
18
18
  [key: string]: string;
19
19
  };
20
20
  };
21
+ onNodeId?: (nodeId: string) => void;
21
22
  }
22
23
  export interface LayoutProps {
23
24
  relativeTransform?: Transform;
@@ -46,6 +47,7 @@ export interface GeometryProps {
46
47
  }
47
48
  export interface FrameProps {
48
49
  backgrounds?: ReadonlyArray<Paint>;
50
+ fillStyleId?: string | symbol;
49
51
  }
50
52
  export interface CornerProps {
51
53
  cornerRadius?: number | symbol;
@@ -84,6 +86,7 @@ export interface TextNodeProps {
84
86
  letterSpacing?: LetterSpacing | symbol;
85
87
  lineHeight?: LineHeight | symbol;
86
88
  textStyleId?: string;
89
+ hyperlink?: HyperlinkTarget;
87
90
  }
88
91
  export interface VectorNodeProps {
89
92
  vectorPaths?: VectorPaths;
@@ -149,4 +152,8 @@ export interface PublishableProps {
149
152
  description?: string;
150
153
  documentationLinks?: ReadonlyArray<DocumentationLink>;
151
154
  }
155
+ export interface HyperlinkTarget {
156
+ type: 'URL' | 'NODE';
157
+ value: string;
158
+ }
152
159
  export {};