react-figma 0.15.0 → 0.18.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 +8 -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 +2 -0
  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/useTextStyle.js +1 -1
  33. package/localStyles/useTextStyle.js.map +1 -1
  34. package/mixins/frameMixin.js +1 -1
  35. package/mixins/frameMixin.js.map +1 -1
  36. package/package.json +2 -2
  37. package/renderers/text.js +4 -2
  38. package/renderers/text.js.map +1 -1
  39. package/rpc.d.ts +2 -0
  40. package/rpc.js +5 -0
  41. package/rpc.js.map +1 -1
  42. package/styleTransformers/transformBlendProperties.d.ts +8 -5
  43. package/styleTransformers/transformBlendProperties.js +2 -2
  44. package/styleTransformers/transformBlendProperties.js.map +1 -1
  45. package/styleTransformers/transformShadowToEffect.d.ts +2 -9
  46. package/styleTransformers/transformShadowToEffect.js +11 -7
  47. package/styleTransformers/transformShadowToEffect.js.map +1 -1
  48. package/styleTransformers/transformTextStyleProperties.js +5 -7
  49. package/styleTransformers/transformTextStyleProperties.js.map +1 -1
  50. package/types.d.ts +7 -0
@@ -130,6 +130,42 @@
130
130
  "contributions": [
131
131
  "doc"
132
132
  ]
133
+ },
134
+ {
135
+ "login": "n0ruSh",
136
+ "name": "不吃猫的鱼",
137
+ "avatar_url": "https://avatars.githubusercontent.com/u/7504237?v=4",
138
+ "profile": "https://michaelzheng.medium.com/",
139
+ "contributions": [
140
+ "code"
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
+ ]
133
169
  }
134
170
  ],
135
171
  "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>
@@ -188,6 +188,12 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
188
188
  <td align="center"><a href="http://szeko.com.au"><img src="https://avatars1.githubusercontent.com/u/5523724?v=4?s=100" width="100px;" alt=""/><br /><sub><b>szeko</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=szeko" title="Code">💻</a></td>
189
189
  <td align="center"><a href="https://github.com/yoniholmes"><img src="https://avatars.githubusercontent.com/u/184589?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jonathan Holmes</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=yoniholmes" title="Documentation">📖</a></td>
190
190
  </tr>
191
+ <tr>
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
+ </tr>
191
197
  </table>
192
198
 
193
199
  <!-- markdownlint-restore -->
@@ -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" | "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" | "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" | "backgrounds" | "fillStyleId" | "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 &&
@@ -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,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"}
@@ -73,7 +73,7 @@ exports.useTextStyle = function (style, params) {
73
73
  }, [transformedStyles]);
74
74
  var loadedFont = useFontName_1.useFontName(textProperties.fontName || { family: 'Roboto', style: 'Regular' });
75
75
  React.useEffect(function () {
76
- if (Platform_1.Platform.OS !== 'figma') {
76
+ if (Platform_1.Platform.OS !== 'figma' || !loadedFont) {
77
77
  return;
78
78
  }
79
79
  var createTextStyle = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -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,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,IAAI,CAAC,UAAU,EAAE;YACxC,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,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.15.0",
3
+ "version": "0.18.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAC7D,+DAA8D;AAC9D,uCAAyC;AACzC,gDAA2C;AAC3C,6BAA+B;AAC/B,iEAAgE;AAGhE,+DAA8D;AAG9D,IAAM,cAAc,GAAG,UAAA,IAAI;IACvB,OAAO;QACH,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,qCAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;QAC3C,QAAQ,EACJ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,mCAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,CAAC;KAC9G,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,IAAS;IACvB,IAAI,CAAC,IAAI,EAAE;QACP,OAAO;KACV;IACD,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC3B,IAAI,CAAC,MAAM,IAAI,CAAC,mCAAgB,CAAC,MAAM,CAAC,EAAE;QACtC,OAAO,IAAI,CAAC;KACf;SAAM;QACH,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC3B;AACL,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAG,UAAA,IAAI;IAC7B,IAAI,CAAC,mCAAgB,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO;KACV;IACD,IAAM,WAAW,GAAG,mBAAM,EAAE,CAAC;IAC7B,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAC/C,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC;IACjG,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EACD,CAAC,qCAAiB,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,qCAAiB,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAClG,SAAS;QACb,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAChE,OAAO,EAAE,qCAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;QAC3C,WAAW,aAAA;KACd,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO;IAC9C,IAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,CAAC,IAAI,EAAE;QACP,QAAQ,CAAC,aAAa,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QACnD,QAAQ,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;KAC9C;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAA,UAAU;IAChC,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,EAAE;QAC7B,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,KAAK;YAC7B,IAAI,qCAAiB,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,EAAE;gBAChD,KAAK,CAAC,MAAM,EAAE,CAAC;aAClB;QACL,CAAC,CAAC,CAAC;KACN;IAED,IAAI,UAAU,CAAC,IAAI,KAAK,eAAe,EAAE;QACrC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,KAAK;YAC7B,IAAI,qCAAiB,CAAC,wBAAwB,CAAC,CAAC,KAAK,CAAC,EAAE;gBACpD,KAAK,CAAC,MAAM,EAAE,CAAC;aAClB;QACL,CAAC,CAAC,CAAC;KACN;AACL,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,UAAU,EAAE,SAAS;IAC5C,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,UAAU,EAAE;QAC7D,OAAO;KACV;IAED,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAClC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,UAAU,EAAE,YAAY,EAAE,eAAe;IAChE,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,eAAe,IAAI,UAAU,CAAC,IAAI,KAAK,UAAU,EAAE;QACpF,OAAO;KACV;IACD,IAAM,gBAAgB,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IACtE,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACvD,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,IAAM,eAAe,GAAG,UAAA,IAAI;IACxB,IAAI,CAAC,IAAI,EAAE;QACP,OAAO;KACV;IACD,IAAI,IAAI,CAAC,EAAE,EAAE;QACT,OAAO,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,CAAC,OAAO,EAAE;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC9B;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,QAAQ,EAAE,IAAI;IAClC,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EAA3D,CAA2D,CAAC,CAAC;AAC3G,CAAC,CAAC;AAEW,QAAA,GAAG,GAAG,+BAAe,CAC9B;IACI,cAAc;QACV,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,cAAc,YAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;QACvC,IAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QACpC,IAAM,QAAQ,GAAG,cAAc,CAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,iBACE,KAAK,EACL,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/F,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC/D,EACD,QAAQ,CAAC,OAAO,CACnB,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC;IACvC,CAAC;IAED,iBAAiB,YAAC,WAAW,EAAE,UAAU;QACrC,IAAM,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;QAChD,IAAM,SAAS,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QAC9C,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB,YAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB;QAC1D,IAAM,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;QAChD,IAAM,YAAY,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;QACpD,IAAM,eAAe,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;QAC1D,iBAAiB,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IACjE,CAAC;IAEK,uBAAuB;;;gBACzB,sBAAO,KAAK,CAAC,uBAAuB,EAAE,EAAC;;;KAC1C;IAEK,aAAa,YAAC,QAAQ;;;gBACxB,sBAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC;;;KACxC;IAED,MAAM,YAAC,UAAU;QACb,IAAM,SAAS,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YACjC,OAAO;SACV;QACD,SAAS,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAED,cAAc,YAAC,SAAS;QACpB,IAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QACxC,IAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,cAAc,YAAC,KAAK,EAAE,IAAI;QACtB,IAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QACpC,IAAM,gBAAgB,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,gBAAgB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAChE,CAAC;IAED,WAAW,YAAC,IAAI;QACZ,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC,IAAI,CAAC;IACtB,CAAC;IAED,cAAc,YAAC,KAAK;QAChB,IAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QACpC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,sBAAsB,YAAC,KAAK;QACxB,IAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YACnC,OAAO;SACV;QAED,IAAI,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC5C,OAAO;SACV;QAED,IAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEhC,IAAI,KAAK,CAAC,WAAW,KAAK,QAAQ,EAAE;YAChC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;SAChC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YACtB,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7C,KAAK,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,CAAC;SACxC;IACL,CAAC;IAED,wBAAwB,EAAxB,UAAyB,UAGxB;QACW,IAAA,0BAAM,EAAE,0BAAM,CAAgB;QAC9B,IAAA,kBAAI,EAAE,cAAE,EAAE,gCAAW,CAAY;QACzC,IAAM,eAAe,GAAG,KAAK,CAAC,mBAAmB,EAAE,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,EAAtC,CAAsC,CAAC,CAAC;QAC1G,IAAM,UAAU,GAAG,eAAe,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC/D,IAAI,IAAI,EAAE;YACN,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;SAC1B;QACD,IAAI,WAAW,EAAE;YACb,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;SACxC;QACD,IAAI,MAAM,EAAE;YACR,UAAU,CAAC,MAAM,GAAG,MAAa,CAAC;SACrC;QACD,OAAO,UAAU,CAAC,EAAE,CAAC;IACzB,CAAC;IAED,uBAAuB,EAAvB,UAAwB,UAAqF;QACjG,IAAA,8BAAmB,EAAnB,wCAAmB,EAAE,0BAAM,EAAE,kCAAU,CAAgB;QACvD,IAAA,kBAAI,EAAE,cAAE,EAAE,gCAAW,CAAY;QACzC,IAAM,cAAc,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,EAAtC,CAAsC,CAAC,CAAC;QACxG,IAAM,SAAS,GAAG,cAAc,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5D,IAAI,IAAI,EAAE;YACN,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;SACzB;QACD,IAAI,WAAW,EAAE;YACb,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;SACvC;QAEO,IAAA,4BAAiD,EAAjD,sEAAiD,CAAoB;QAC7E,IACI,UAAU;YACV,QAAQ;YACR,UAAU,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM;YACrC,mCAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACpD;YACE,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;gBACnC,SAAS,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;SACN;QACD,OAAO,SAAS,CAAC,EAAE,CAAC;IACxB,CAAC;CACJ,EACD;IACI,OAAO,EAAE,EAAE,GAAG,IAAI;CACrB,CACJ,CAAC;AAEW,QAAA,eAAe,GAAG;IAC3B,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE;QAC1B,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3D,aAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE;QACxB,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,qCAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/E,aAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAI,cAAO,EAAE,CAAC;AAEnC,QAAA,kBAAkB,GAAG,IAAI,cAAO,EAAE,CAAC;AAEnC,QAAA,kBAAkB,GAAG,IAAI,cAAO,EAAE,CAAC;AAEhD,kDAAkD;AAClD,2CAA2C;AAC9B,QAAA,KAAK,GAAG,2BAAW,CAC5B;IACI,iBAAiB,EAAE,UAAA,OAAO;QACtB,0BAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IACD,eAAe,EAAE,UAAA,QAAQ;QACrB,0BAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IACD,cAAc,EAAE,UAAA,OAAO;QACnB,0BAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;CACJ,EACD;IACI,OAAO,EAAE,EAAE,GAAG,IAAI;CACrB,CACJ,CAAC"}
1
+ {"version":3,"file":"rpc.js","sourceRoot":"","sources":["src/rpc.ts"],"names":[],"mappings":"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"}
@@ -1,14 +1,17 @@
1
1
  import { BlendProps, Color } from '../types';
2
2
  export declare type CSSBlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
3
- export interface BlendStyleProperties {
4
- opacity: number;
5
- blendMode: CSSBlendMode;
3
+ export interface ShadowProperties {
6
4
  shadowColor: Color;
7
- shadowOffset: {
5
+ shadowOffset?: {
8
6
  width: number;
9
7
  height: number;
10
8
  };
11
9
  shadowOpacity: number;
12
- shadowRadius: number;
10
+ shadowRadius?: number;
11
+ }
12
+ export interface BlendStyleProperties extends ShadowProperties {
13
+ opacity: number;
14
+ blendMode: CSSBlendMode;
15
+ shadows?: ShadowProperties[];
13
16
  }
14
17
  export declare const transformBlendProperties: (styles?: Partial<BlendStyleProperties>) => BlendProps;
@@ -53,8 +53,8 @@ exports.transformBlendProperties = function (styles) {
53
53
  if (styles.blendMode) {
54
54
  blendProps.blendMode = transofrmBlendMode(styles.blendMode);
55
55
  }
56
- if (styles.shadowColor) {
57
- blendProps.effects = [transformShadowToEffect_1.transformShadowToEffect(styles)];
56
+ if (styles.shadowColor || styles.shadows) {
57
+ blendProps.effects = transformShadowToEffect_1.transformShadowToEffect(styles);
58
58
  }
59
59
  return blendProps;
60
60
  };
@@ -1 +1 @@
1
- {"version":3,"file":"transformBlendProperties.js","sourceRoot":"","sources":["../src/styleTransformers/transformBlendProperties.ts"],"names":[],"mappings":";;AAEA,qEAAoE;AA6BpE,IAAM,kBAAkB,GAAG,UAAC,YAA0B;IAClD;;OAEG;IACH,QAAQ,YAAY,EAAE;QAClB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,UAAU;YACX,OAAO,UAAU,CAAC;QACtB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,SAAS;YACV,OAAO,SAAS,CAAC;QACrB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,aAAa;YACd,OAAO,aAAa,CAAC;QACzB,KAAK,SAAS;YACV,OAAO,SAAS,CAAC;QACrB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,WAAW;YACZ,OAAO,WAAW,CAAC;QACvB,KAAK,KAAK;YACN,OAAO,KAAK,CAAC;QACjB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,OAAO;YACR,OAAO,OAAO,CAAC;QACnB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB;YACI,MAAM;KACb;AACL,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,UAAC,MAAsC;IAC3E,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,EAAE,CAAC;KACb;IAED,IAAM,UAAU,GAAe,EAAE,CAAC;IAElC,IAAI,MAAM,CAAC,OAAO,EAAE;QAChB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;KACvC;IACD,IAAI,MAAM,CAAC,SAAS,EAAE;QAClB,UAAU,CAAC,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;KAC/D;IAED,IAAI,MAAM,CAAC,WAAW,EAAE;QACpB,UAAU,CAAC,OAAO,GAAG,CAAC,iDAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;KAC1D;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC"}
1
+ {"version":3,"file":"transformBlendProperties.js","sourceRoot":"","sources":["../src/styleTransformers/transformBlendProperties.ts"],"names":[],"mappings":";;AACA,qEAAoE;AAiCpE,IAAM,kBAAkB,GAAG,UAAC,YAA0B;IAClD;;OAEG;IACH,QAAQ,YAAY,EAAE;QAClB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,UAAU;YACX,OAAO,UAAU,CAAC;QACtB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,SAAS;YACV,OAAO,SAAS,CAAC;QACrB,KAAK,QAAQ;YACT,OAAO,QAAQ,CAAC;QACpB,KAAK,aAAa;YACd,OAAO,aAAa,CAAC;QACzB,KAAK,SAAS;YACV,OAAO,SAAS,CAAC;QACrB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,WAAW;YACZ,OAAO,WAAW,CAAC;QACvB,KAAK,KAAK;YACN,OAAO,KAAK,CAAC;QACjB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,OAAO;YACR,OAAO,OAAO,CAAC;QACnB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB;YACI,MAAM;KACb;AACL,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,UAAC,MAAsC;IAC3E,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,EAAE,CAAC;KACb;IAED,IAAM,UAAU,GAAe,EAAE,CAAC;IAElC,IAAI,MAAM,CAAC,OAAO,EAAE;QAChB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;KACvC;IACD,IAAI,MAAM,CAAC,SAAS,EAAE;QAClB,UAAU,CAAC,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;KAC/D;IAED,IAAI,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,EAAE;QACtC,UAAU,CAAC,OAAO,GAAG,iDAAuB,CAAC,MAAM,CAAC,CAAC;KACxD;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC"}
@@ -1,10 +1,3 @@
1
1
  /// <reference types="plugin-typings" />
2
- export declare const transformShadowToEffect: (styles: {
3
- shadowOffset?: {
4
- width: number;
5
- height: number;
6
- };
7
- shadowOpacity?: number;
8
- shadowRadius?: number;
9
- shadowColor?: string;
10
- }) => ShadowEffect;
2
+ import { BlendStyleProperties } from './transformBlendProperties';
3
+ export declare const transformShadowToEffect: (styles: Partial<BlendStyleProperties>) => ShadowEffect[];
@@ -2,21 +2,25 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var transformColors_1 = require("./transformColors");
4
4
  exports.transformShadowToEffect = function (styles) {
5
- return {
5
+ var shadows = [styles];
6
+ if ('shadows' in styles && Array.isArray(styles.shadows)) {
7
+ shadows = styles.shadows;
8
+ }
9
+ return shadows.map(function (shadow) { return ({
6
10
  type: 'DROP_SHADOW',
7
- color: transformColors_1.colorToRGBA(styles.shadowColor, styles.shadowOpacity),
8
- offset: styles.shadowOffset
11
+ color: transformColors_1.colorToRGBA(shadow.shadowColor, shadow.shadowOpacity),
12
+ offset: shadow.shadowOffset
9
13
  ? {
10
- x: styles.shadowOffset.width,
11
- y: styles.shadowOffset.height
14
+ x: shadow.shadowOffset.width,
15
+ y: shadow.shadowOffset.height
12
16
  }
13
17
  : {
14
18
  x: 0,
15
19
  y: 0
16
20
  },
17
- radius: styles.shadowRadius || 0,
21
+ radius: shadow.shadowRadius || 0,
18
22
  visible: true,
19
23
  blendMode: 'NORMAL'
20
- };
24
+ }); });
21
25
  };
22
26
  //# sourceMappingURL=transformShadowToEffect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"transformShadowToEffect.js","sourceRoot":"","sources":["../src/styleTransformers/transformShadowToEffect.ts"],"names":[],"mappings":";;AAAA,qDAAgD;AAGnC,QAAA,uBAAuB,GAAG,UAAC,MAKvC;IACG,OAAO;QACH,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,6BAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC;QAC5D,MAAM,EAAE,MAAM,CAAC,YAAY;YACvB,CAAC,CAAC;gBACI,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,KAAK;gBAC5B,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,MAAM;aAChC;YACH,CAAC,CAAC;gBACI,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACP;QACP,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC;QAChC,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,QAAQ;KACtB,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"transformShadowToEffect.js","sourceRoot":"","sources":["../src/styleTransformers/transformShadowToEffect.ts"],"names":[],"mappings":";;AAAA,qDAAgD;AAGnC,QAAA,uBAAuB,GAAG,UAAC,MAAqC;IACzE,IAAI,OAAO,GAAgC,CAAC,MAAM,CAAC,CAAC;IACpD,IAAI,SAAS,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;QACtD,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;KAC5B;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CAAC;QAC1B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,6BAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC;QAC5D,MAAM,EAAE,MAAM,CAAC,YAAY;YACvB,CAAC,CAAC;gBACI,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,KAAK;gBAC5B,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,MAAM;aAChC;YACH,CAAC,CAAC;gBACI,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACP;QACP,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC;QAChC,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,QAAQ;KACtB,CAAC,EAf2B,CAe3B,CAAC,CAAC;AACR,CAAC,CAAC"}
@@ -60,13 +60,11 @@ exports.transformTextStyleProperties = function (style) {
60
60
  textDecorationLine: textDecorationLineMapping[style.textDecorationLine]
61
61
  }), (style &&
62
62
  style.textShadowColor && {
63
- effects: [
64
- transformShadowToEffect_1.transformShadowToEffect({
65
- shadowColor: style.textShadowColor,
66
- shadowOffset: style.textShadowOffset,
67
- shadowRadius: style.textShadowRadius
68
- })
69
- ]
63
+ effects: transformShadowToEffect_1.transformShadowToEffect({
64
+ shadowColor: style.textShadowColor,
65
+ shadowOffset: style.textShadowOffset,
66
+ shadowRadius: style.textShadowRadius
67
+ })
70
68
  }));
71
69
  };
72
70
  //# sourceMappingURL=transformTextStyleProperties.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"transformTextStyleProperties.js","sourceRoot":"","sources":["../src/styleTransformers/transformTextStyleProperties.ts"],"names":[],"mappings":";;;;;;;;;;;;;AACA,qDAA6D;AAC7D,qDAAqD;AACrD,2DAAgE;AAChE,qEAAoE;AAoBpE,IAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,WAAW;CACvB,CAAC;AAEF,IAAM,yBAAyB,GAAG;IAC9B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,cAAc,EAAE,eAAe;CAClC,CAAC;AAEW,QAAA,4BAA4B,GAAG,UAAC,KAAoC;IAC7E,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,EAAE,CAAC;KACb;IACD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACvC,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE;YACjF,OAAO,CAAC,IAAI,CAAC,iBAAe,KAAK,CAAC,SAAS,gEAA6D,CAAC,CAAC;SAC7G;KACJ;IAED,oBACO,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC,8BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,8BAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAC1G,CAAC,KAAK;QACL,KAAK,CAAC,UAAU,IAAI;QAChB,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,kCAAgB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;KACrG,CAAC,EACH,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EACzD,CAAC,KAAK;QACL,KAAK,CAAC,SAAS;QACf,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,mBAAmB,EAAE,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EACjG,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ;QAC7C,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC7D,CAAC,CAAC,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ,IAAI;YACpC,UAAU,EAAE,6CAAwB,CAAqC,KAAK,CAAC,UAAU,CAAC;iBACrF,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,KAAK,OAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAA3B,CAA2B,CAAC;iBACxC,UAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,KAAK,OAAA,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAA5B,CAA4B,CAAC;iBACjD,IAAI,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC;iBAC9B,KAAK,EAAE;SACf,CAAC,EACL,CAAC,KAAK;QACL,CAAC,OAAO,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI;QACpF,aAAa,EAAE,6CAAwB,CACnC,KAAK,CAAC,aAAa,CACtB;aACI,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,KAAK,OAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAA3B,CAA2B,CAAC;aACxC,UAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,EAAE,KAAK,OAAA,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAA5B,CAA4B,CAAC;aACjD,KAAK,EAAE;KACf,CAAC,EACH,CAAC,KAAK;QACL,KAAK,CAAC,kBAAkB;QACxB,yBAAyB,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI;QACnD,kBAAkB,EAAE,yBAAyB,CAAC,KAAK,CAAC,kBAAkB,CAAC;KAC1E,CAAC,EACH,CAAC,KAAK;QACL,KAAK,CAAC,eAAe,IAAI;QACrB,OAAO,EAAE;YACL,iDAAuB,CAAC;gBACpB,WAAW,EAAE,KAAK,CAAC,eAAe;gBAClC,YAAY,EAAE,KAAK,CAAC,gBAAgB;gBACpC,YAAY,EAAE,KAAK,CAAC,gBAAgB;aACvC,CAAC;SACL;KACJ,CAAC,EACR;AACN,CAAC,CAAC"}
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 {};