npm - @archireport/react-native-svg-draw - Versions diffs - 1.1.0 → 1.2.0 - Mend

@archireport/react-native-svg-draw 1.1.0 → 1.2.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 (96) hide show

package/lib/commonjs/components/DrawWithOptions/SendSvg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["SendSvg.tsx"],"~~names":["SendSvg","props"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAkC;AAChC,sBACE,oBAAC,uBAAD;AAAK,IAAA,OAAO,EAAC;AAAb,KAA6BA,KAA7B,gBACE,oBAAC,iBAAD,qBACE,oBAAC,oBAAD;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADF,CADF;AAOD;;eAEcD,O","sourcesContent":["import * as React from 'react';\nimport Svg, { SvgProps, Path, G } from 'react-native-svg';\n\nfunction SendSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 12 19\" {...props}>\n <G>\n <Path d=\"M8.114,9.721 L1.057,16.778 C0.537,17.298 0.537,18.143 1.057,18.664 C1.577,19.184 2.422,19.184 2.943,18.664 L10.943,10.664 C11.463,10.144 11.463,9.299 10.943,8.778 L2.943,0.778 C2.423,0.258 1.578,0.258 1.057,0.778 C0.537,1.298 0.537,2.143 1.057,2.664 L8.114,9.721 Z\" />\n </G>\n </Svg>\n );\n}\n\nexport default SendSvg;\n"]}
1	+ {"version":3,"names":["SendSvg","props"],"sources":["SendSvg.tsx"],"sourcesContent":["import * as React from 'react';\nimport Svg, { SvgProps, Path, G } from 'react-native-svg';\n\nfunction SendSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 12 19\" {...props}>\n <G>\n <Path d=\"M8.114,9.721 L1.057,16.778 C0.537,17.298 0.537,18.143 1.057,18.664 C1.577,19.184 2.422,19.184 2.943,18.664 L10.943,10.664 C11.463,10.144 11.463,9.299 10.943,8.778 L2.943,0.778 C2.423,0.258 1.578,0.258 1.057,0.778 C0.537,1.298 0.537,2.143 1.057,2.664 L8.114,9.721 Z\" />\n </G>\n </Svg>\n );\n}\n\nexport default SendSvg;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAkC;EAChC,oBACE,oBAAC,uBAAD;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B,gBACE,oBAAC,iBAAD,qBACE,oBAAC,oBAAD;IAAM,CAAC,EAAC;EAAR,EADF,CADF,CADF;AAOD;;eAEcD,O"}

package/lib/commonjs/components/DrawWithOptions/SquareSvg.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function SquareSvg(props) {
   return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, _extends({

package/lib/commonjs/components/DrawWithOptions/SquareSvg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["SquareSvg.tsx"],"~~names":["SquareSvg","props"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;;;;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAAoC;AACjD,sBACE,6BAAC,uBAAD;AAAK,IAAA,OAAO,EAAC;AAAb,KAA6BA,KAA7B,gBACE,6BAAC,oBAAD,qBACE,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,CADF,eAOE,6BAAC,iBAAD;AAAG,IAAA,IAAI,EAAC,MAAR;AAAe,IAAA,QAAQ,EAAC;AAAxB,kBACE,6BAAC,oBAAD;AAAM,IAAA,EAAE,EAAC,WAAT;AAAqB,IAAA,IAAI,EAAC;AAA1B,kBACE,6BAAC,mBAAD;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,eAIE,6BAAC,mBAAD;AAAK,IAAA,IAAI,EAAC,MAAV;AAAiB,IAAA,QAAQ,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,IAJF,eAKE,6BAAC,iBAAD;AAAG,IAAA,IAAI,EAAC,MAAR;AAAe,IAAA,IAAI,EAAC;AAApB,kBACE,6BAAC,oBAAD;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CALF,CAPF,CADF;AAmBD","sourcesContent":["import React from 'react';\nimport Svg, { Defs, Path, G, Mask, Use, SvgProps } from 'react-native-svg';\n\nexport default function SquareSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 28\" {...props}>\n <Defs>\n <Path\n id=\"prefix__a\"\n d=\"M5.833 4.667c-.644 0-1.166.522-1.166 1.166v16.334c0 .644.522 1.166 1.166 1.166h16.334c.644 0 1.166-.522 1.166-1.166V5.833c0-.644-.522-1.166-1.166-1.166H5.833zm0-2.334h16.334a3.5 3.5 0 013.5 3.5v16.334a3.5 3.5 0 01-3.5 3.5H5.833a3.5 3.5 0 01-3.5-3.5V5.833a3.5 3.5 0 013.5-3.5z\"\n />\n </Defs>\n <G fill=\"none\" fillRule=\"evenodd\">\n <Mask id=\"prefix__b\" fill=\"#fff\">\n <Use xlinkHref=\"#prefix__a\" />\n </Mask>\n <Use fill=\"#000\" fillRule=\"nonzero\" xlinkHref=\"#prefix__a\" />\n <G fill=\"#FFF\" mask=\"url(#prefix__b)\">\n <Path d=\"M0 0h28v28H0z\" />\n </G>\n </G>\n </Svg>\n );\n}\n"]}
1	+ {"version":3,"names":["SquareSvg","props"],"sources":["SquareSvg.tsx"],"sourcesContent":["import React from 'react';\nimport Svg, { Defs, Path, G, Mask, Use, SvgProps } from 'react-native-svg';\n\nexport default function SquareSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 28\" {...props}>\n <Defs>\n <Path\n id=\"prefix__a\"\n d=\"M5.833 4.667c-.644 0-1.166.522-1.166 1.166v16.334c0 .644.522 1.166 1.166 1.166h16.334c.644 0 1.166-.522 1.166-1.166V5.833c0-.644-.522-1.166-1.166-1.166H5.833zm0-2.334h16.334a3.5 3.5 0 013.5 3.5v16.334a3.5 3.5 0 01-3.5 3.5H5.833a3.5 3.5 0 01-3.5-3.5V5.833a3.5 3.5 0 013.5-3.5z\"\n />\n </Defs>\n <G fill=\"none\" fillRule=\"evenodd\">\n <Mask id=\"prefix__b\" fill=\"#fff\">\n <Use xlinkHref=\"#prefix__a\" />\n </Mask>\n <Use fill=\"#000\" fillRule=\"nonzero\" xlinkHref=\"#prefix__a\" />\n <G fill=\"#FFF\" mask=\"url(#prefix__b)\">\n <Path d=\"M0 0h28v28H0z\" />\n </G>\n </G>\n </Svg>\n );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAAoC;EACjD,oBACE,6BAAC,uBAAD;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B,gBACE,6BAAC,oBAAD,qBACE,6BAAC,oBAAD;IACE,EAAE,EAAC,WADL;IAEE,CAAC,EAAC;EAFJ,EADF,CADF,eAOE,6BAAC,iBAAD;IAAG,IAAI,EAAC,MAAR;IAAe,QAAQ,EAAC;EAAxB,gBACE,6BAAC,oBAAD;IAAM,EAAE,EAAC,WAAT;IAAqB,IAAI,EAAC;EAA1B,gBACE,6BAAC,mBAAD;IAAK,SAAS,EAAC;EAAf,EADF,CADF,eAIE,6BAAC,mBAAD;IAAK,IAAI,EAAC,MAAV;IAAiB,QAAQ,EAAC,SAA1B;IAAoC,SAAS,EAAC;EAA9C,EAJF,eAKE,6BAAC,iBAAD;IAAG,IAAI,EAAC,MAAR;IAAe,IAAI,EAAC;EAApB,gBACE,6BAAC,oBAAD;IAAM,CAAC,EAAC;EAAR,EADF,CALF,CAPF,CADF;AAmBD"}

package/lib/commonjs/components/DrawWithOptions/TextSvg.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function SvgComponent(props) {
   return /*#__PURE__*/React.createElement(_reactNativeSvg.default, _extends({

package/lib/commonjs/components/DrawWithOptions/TextSvg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["TextSvg.tsx"],"~~names":["SvgComponent","props"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,SAASA,YAAT,CAAsBC,KAAtB,EAAuC;AACrC,sBACE,oBAAC,uBAAD;AAAK,IAAA,OAAO,EAAC;AAAb,KAA6BA,KAA7B,gBACE,oBAAC,oBAAD,qBACE,oBAAC,oBAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,CADF,eAOE,oBAAC,iBAAD;AAAG,IAAA,IAAI,EAAC,MAAR;AAAe,IAAA,QAAQ,EAAC;AAAxB,kBACE,oBAAC,oBAAD;AAAM,IAAA,EAAE,EAAC,WAAT;AAAqB,IAAA,IAAI,EAAC;AAA1B,kBACE,oBAAC,mBAAD;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,eAIE,oBAAC,mBAAD;AAAK,IAAA,IAAI,EAAC,MAAV;AAAiB,IAAA,QAAQ,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,IAJF,eAKE,oBAAC,iBAAD;AAAG,IAAA,IAAI,EAAC,MAAR;AAAe,IAAA,IAAI,EAAC;AAApB,kBACE,oBAAC,oBAAD;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CALF,CAPF,CADF;AAmBD;;eAEcD,Y","sourcesContent":["import * as React from 'react';\nimport Svg, { SvgProps, Defs, Path, G, Mask, Use } from 'react-native-svg';\n\nfunction SvgComponent(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 28\" {...props}>\n <Defs>\n <Path\n id=\"prefix__a\"\n d=\"M23.333 3.5c.645 0 1.167.522 1.167 1.167v3.5a1.166 1.166 0 01-2.333 0V5.833h-7.001v16.333H17.5c.601 0 1.096.456 1.16 1.04l.007.127c0 .645-.523 1.167-1.167 1.167l-3.482-.001L14 24.5h-3.5a1.167 1.167 0 010-2.333l2.333-.001V5.833h-7v2.334a1.166 1.166 0 11-2.333 0v-3.5c0-.645.522-1.167 1.167-1.167z\"\n />\n </Defs>\n <G fill=\"none\" fillRule=\"evenodd\">\n <Mask id=\"prefix__b\" fill=\"#fff\">\n <Use xlinkHref=\"#prefix__a\" />\n </Mask>\n <Use fill=\"#000\" fillRule=\"nonzero\" xlinkHref=\"#prefix__a\" />\n <G fill=\"#FFF\" mask=\"url(#prefix__b)\">\n <Path d=\"M0 0h28v28H0z\" />\n </G>\n </G>\n </Svg>\n );\n}\n\nexport default SvgComponent;\n"]}
1	+ {"version":3,"names":["SvgComponent","props"],"sources":["TextSvg.tsx"],"sourcesContent":["import * as React from 'react';\nimport Svg, { SvgProps, Defs, Path, G, Mask, Use } from 'react-native-svg';\n\nfunction SvgComponent(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 28\" {...props}>\n <Defs>\n <Path\n id=\"prefix__a\"\n d=\"M23.333 3.5c.645 0 1.167.522 1.167 1.167v3.5a1.166 1.166 0 01-2.333 0V5.833h-7.001v16.333H17.5c.601 0 1.096.456 1.16 1.04l.007.127c0 .645-.523 1.167-1.167 1.167l-3.482-.001L14 24.5h-3.5a1.167 1.167 0 010-2.333l2.333-.001V5.833h-7v2.334a1.166 1.166 0 11-2.333 0v-3.5c0-.645.522-1.167 1.167-1.167z\"\n />\n </Defs>\n <G fill=\"none\" fillRule=\"evenodd\">\n <Mask id=\"prefix__b\" fill=\"#fff\">\n <Use xlinkHref=\"#prefix__a\" />\n </Mask>\n <Use fill=\"#000\" fillRule=\"nonzero\" xlinkHref=\"#prefix__a\" />\n <G fill=\"#FFF\" mask=\"url(#prefix__b)\">\n <Path d=\"M0 0h28v28H0z\" />\n </G>\n </G>\n </Svg>\n );\n}\n\nexport default SvgComponent;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,SAASA,YAAT,CAAsBC,KAAtB,EAAuC;EACrC,oBACE,oBAAC,uBAAD;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B,gBACE,oBAAC,oBAAD,qBACE,oBAAC,oBAAD;IACE,EAAE,EAAC,WADL;IAEE,CAAC,EAAC;EAFJ,EADF,CADF,eAOE,oBAAC,iBAAD;IAAG,IAAI,EAAC,MAAR;IAAe,QAAQ,EAAC;EAAxB,gBACE,oBAAC,oBAAD;IAAM,EAAE,EAAC,WAAT;IAAqB,IAAI,EAAC;EAA1B,gBACE,oBAAC,mBAAD;IAAK,SAAS,EAAC;EAAf,EADF,CADF,eAIE,oBAAC,mBAAD;IAAK,IAAI,EAAC,MAAV;IAAiB,QAAQ,EAAC,SAA1B;IAAoC,SAAS,EAAC;EAA9C,EAJF,eAKE,oBAAC,iBAAD;IAAG,IAAI,EAAC,MAAR;IAAe,IAAI,EAAC;EAApB,gBACE,oBAAC,oBAAD;IAAM,CAAC,EAAC;EAAR,EADF,CALF,CAPF,CADF;AAmBD;;eAEcD,Y"}

package/lib/commonjs/components/DrawWithOptions/ThrashSvg.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ThrashSvg(props) {
   return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, _extends({

package/lib/commonjs/components/DrawWithOptions/ThrashSvg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["ThrashSvg.tsx"],"~~names":["ThrashSvg","props"],"~~mappings~~":"~~;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAAoC;AAClC,sBACE,6BAAC,uBAAD;AAAK,IAAA,OAAO,EAAC;AAAb,KAA6BA,KAA7B,gBACE,6BAAC,oBAAD;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADF;AAKD;;eAEcD,S~~","sourcesContent":["import React from 'react';\nimport Svg, { SvgProps, Path } from 'react-native-svg';\n\nfunction ThrashSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 29\" {...props}>\n <Path d=\"M14 0a3.5 3.5 0 013.5 3.5l-.001 1.166h4.668c.601 0 1.096.456 1.16 1.04l.006.127c0 .645-.522 1.167-1.166 1.167l-1.168-.001L21 22.167a3.5 3.5 0 01-3.308 3.494l-.192.006H5.833a3.5 3.5 0 01-3.5-3.5V6.999L1.167 7a1.166 1.166 0 01-1.16-1.04L0 5.833c0-.644.522-1.166 1.167-1.166l4.666-.001V3.5A3.5 3.5 0 019.141.005L9.333 0zM6.982 7l-2.316-.001v15.168c0 .601.456 1.096 1.04 1.16l.127.006H17.5c.644 0 1.167-.522 1.167-1.166l-.001-15.168h-2.315L16.333 7h-.018l-9.298-.001L7 7h-.018zm2.351 3.5c.645 0 1.167.522 1.167 1.167v7a1.166 1.166 0 01-2.333 0v-7c0-.645.522-1.167 1.166-1.167zm4.667 0c.644 0 1.167.522 1.167 1.167v7a1.167 1.167 0 01-2.334 0v-7c0-.645.523-1.167 1.167-1.167zm0-8.167H9.333c-.644 0-1.166.523-1.166 1.167l-.001 1.166h7V3.5c0-.601-.454-1.096-1.039-1.16L14 2.333z\" />\n </Svg>\n );\n}\n\nexport default ThrashSvg;\n"]}
1	+ {"version":3,"names":["ThrashSvg","props"],"sources":["ThrashSvg.tsx"],"sourcesContent":["import React from 'react';\nimport Svg, { SvgProps, Path } from 'react-native-svg';\n\nfunction ThrashSvg(props: SvgProps) {\n return (\n <Svg viewBox=\"0 0 28 29\" {...props}>\n <Path d=\"M14 0a3.5 3.5 0 013.5 3.5l-.001 1.166h4.668c.601 0 1.096.456 1.16 1.04l.006.127c0 .645-.522 1.167-1.166 1.167l-1.168-.001L21 22.167a3.5 3.5 0 01-3.308 3.494l-.192.006H5.833a3.5 3.5 0 01-3.5-3.5V6.999L1.167 7a1.166 1.166 0 01-1.16-1.04L0 5.833c0-.644.522-1.166 1.167-1.166l4.666-.001V3.5A3.5 3.5 0 019.141.005L9.333 0zM6.982 7l-2.316-.001v15.168c0 .601.456 1.096 1.04 1.16l.127.006H17.5c.644 0 1.167-.522 1.167-1.166l-.001-15.168h-2.315L16.333 7h-.018l-9.298-.001L7 7h-.018zm2.351 3.5c.645 0 1.167.522 1.167 1.167v7a1.166 1.166 0 01-2.333 0v-7c0-.645.522-1.167 1.166-1.167zm4.667 0c.644 0 1.167.522 1.167 1.167v7a1.167 1.167 0 01-2.334 0v-7c0-.645.523-1.167 1.167-1.167zm0-8.167H9.333c-.644 0-1.166.523-1.166 1.167l-.001 1.166h7V3.5c0-.601-.454-1.096-1.039-1.16L14 2.333z\" />\n </Svg>\n );\n}\n\nexport default ThrashSvg;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAAoC;EAClC,oBACE,6BAAC,uBAAD;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B,gBACE,6BAAC,oBAAD;IAAM,CAAC,EAAC;EAAR,EADF,CADF;AAKD;;eAEcD,S"}

package/lib/commonjs/components/DrawWithOptions/index.js CHANGED Viewed

@@ -80,14 +80,16 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
-function DrawWithOptions({
-  close,
-  takeSnapshot,
-  linearGradient,
-  image
-}) {
+function DrawWithOptions(_ref) {
+  let {
+    close,
+    takeSnapshot,
+    linearGradient,
+    image,
+    defaultDrawingMode = 'ellipse'
+  } = _ref;
   const drawRef = (0, _react.useRef)(null);
-  const [drawingMode, setDrawingMode] = (0, _react.useState)('ellipse');
+  const [drawingMode, setDrawingMode] = (0, _react.useState)(defaultDrawingMode);
   const [selectedItem, setSelectedItem] = (0, _react.useState)(false);
   const [cancelEnabled, setCancelEnabled] = (0, _react.useState)(false);
   const onPressSend = (0, _react.useCallback)(() => {

package/lib/commonjs/components/DrawWithOptions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":["styles","StyleSheet","create","container","flex","backgroundColor","option","width","height","justifyContent","alignItems","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","borderRadius","marginLeft","bottomToolBar","DrawWithOptions","close","takeSnapshot","linearGradient","image","drawRef","drawingMode","setDrawingMode","selectedItem","setSelectedItem","cancelEnabled","setCancelEnabled","onPressSend","current","showToolbar","setShowToolbar","sudDidHide","Keyboard","addListener","sudDidShow","event","endCoordinates","remove","deleteSelectedItem","cancelLastAction"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,eAAe,EAAE;AAA5B,GADoB;AAE/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,EADD;AAENC,IAAAA,MAAM,EAAE,EAFF;AAGNC,IAAAA,cAAc,EAAE,QAHV;AAINC,IAAAA,UAAU,EAAE,QAJN;AAKNC,IAAAA,gBAAgB,EAAE;AALZ,GAFuB;AAS/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAE,KADR;AAEPH,IAAAA,UAAU,EAAE,QAFL;AAGPD,IAAAA,cAAc,EAAE,eAHT;AAIPK,IAAAA,aAAa,EAAE,EAJR;AAKPC,IAAAA,UAAU,EAAE,EALL;AAMPC,IAAAA,iBAAiB,EAAE;AANZ,GATsB;AAiB/BC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,aAAa,EAAE,KADJ;AAEXH,IAAAA,UAAU,EAAE;AAFD,GAjBkB;AAqB/BQ,EAAAA,UAAU,EAAE;AACVb,IAAAA,eAAe,EAAE,SADP;AAEVE,IAAAA,KAAK,EAAE,EAFG;AAGVC,IAAAA,MAAM,EAAE,EAHE;AAIVW,IAAAA,YAAY,EAAE,EAJJ;AAKVT,IAAAA,UAAU,EAAE,QALF;AAMVD,IAAAA,cAAc,EAAE,QANN;AAOVW,IAAAA,UAAU,EAAE;AAPF,GArBmB;AA8B/BC,EAAAA,aAAa,EAAE;AACbR,IAAAA,aAAa,EAAE,KADF;AAEbJ,IAAAA,cAAc,EAAE,UAFH;AAGbC,IAAAA,UAAU,EAAE,QAHC;AAIbI,IAAAA,aAAa,EAAE,EAJF;AAKbC,IAAAA,UAAU,EAAE,EALC;AAMbC,IAAAA,iBAAiB,EAAE;AANN;AA9BgB,CAAlB,CAAf;;AAwCe,SAASM,eAAT,CAAyB;AACtCC,EAAAA,KADsC;AAEtCC,EAAAA,YAFsC;AAGtCC,EAAAA,cAHsC;AAItCC,EAAAA;AAJsC,CAAzB,EAUZ;AACD,QAAMC,OAAO,GAAG,mBAAsB,IAAtB,CAAhB;AAEA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,qBAAuB,SAAvB,CAAtC;AAEA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC,qBAAS,KAAT,CAAxC;AAEA,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoC,qBAAS,KAAT,CAA1C;AAEA,QAAMC,WAAW,GAAG,wBAAY,MAAM;AACpC,QAAIP,OAAO,CAACQ,OAAZ,EAAqB;AACnBX,MAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGG,OAAO,CAACQ,OAAR,CAAgBX,YAAhB,EAAH,CAAZ;AACD;AACF,GAJmB,EAIjB,CAACA,YAAD,CAJiB,CAApB;AAMA,QAAM,CAACY,WAAD,EAAcC,cAAd,IAAgC,qBAAS,IAAT,CAAtC;AAEA,wBAAU,MAAM;AACd,UAAMC,UAAU,GAAGC,sBAASC,WAAT,CAAqB,iBAArB,EAAwC,MAAM;AAC/DH,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KAFkB,CAAnB;;AAIA,UAAMI,UAAU,GAAGF,sBAASC,WAAT,CAAqB,iBAArB,EAAyCE,KAAD,IAAW;AACpE;AACA,UAAIA,KAAK,CAACC,cAAN,CAAqBnC,MAArB,GAA8B,GAAlC,EAAuC;AACrC6B,QAAAA,cAAc,CAAC,KAAD,CAAd;AACD;AACF,KALkB,CAAnB,CALc,CAYd;;;AACA,WAAO,MAAM;AACXI,MAAAA,UAAU,CAACG,MAAX;AACAN,MAAAA,UAAU,CAACM,MAAX;AACD,KAHD;AAID,GAjBD,EAiBG,EAjBH;AAmBA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE5C,MAAM,CAACG;AAApB,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEH,MAAM,CAACY;AAApB,kBACE,6BAAC,sBAAD;AAAW,IAAA,KAAK,EAAEZ,MAAM,CAACM,MAAzB;AAAiC,IAAA,OAAO,EAAEiB;AAA1C,kBACE,6BAAC,iBAAD;AAAU,IAAA,MAAM,EAAE,EAAlB;AAAsB,IAAA,KAAK,EAAE,EAA7B;AAAiC,IAAA,IAAI,EAAC;AAAtC,IADF,CADF,eAIE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEvB,MAAM,CAACiB;AAApB,kBACE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAEjB,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;AAJH,kBAME,6BAAC,eAAD;AACE,IAAA,MAAM,EAAE,EADV;AAEE,IAAA,KAAK,EAAE,EAFT;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,WAAW,EAAC,GAJd;AAKE,IAAA,OAAO,EAAED,WAAW,KAAK,KAAhB,GAAwB,CAAxB,GAA4B;AALvC,IANF,CADF,eAeE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,YAAD,CAAd;AACD;AAJH,kBAME,6BAAC,sBAAD;AACE,IAAA,MAAM,EAAE,EADV;AAEE,IAAA,KAAK,EAAE,EAFT;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,OAAO,EAAED,WAAW,KAAK,YAAhB,GAA+B,CAA/B,GAAmC;AAJ9C,IANF,CAfF,eA4BE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,YAAD,CAAd;AACD;AAJH,kBAME,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAE,EADV;AAEE,IAAA,KAAK,EAAE,EAFT;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,OAAO,EAAED,WAAW,KAAK,YAAhB,GAA+B,CAA/B,GAAmC;AAJ9C,IANF,CA5BF,eAyCE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,WAAD,CAAd;AACD;AAJH,kBAME,6BAAC,kBAAD;AACE,IAAA,MAAM,EAAE,EADV;AAEE,IAAA,KAAK,EAAE,EAFT;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,OAAO,EAAED,WAAW,KAAK,WAAhB,GAA8B,CAA9B,GAAkC;AAJ7C,IANF,CAzCF,eAsDE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,SAAD,CAAd;AACD;AAJH,kBAME,6BAAC,kBAAD;AACE,IAAA,IAAI,EAAC,SADP;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,KAAK,EAAE,EAHT;AAIE,IAAA,OAAO,EAAED,WAAW,KAAK,SAAhB,GAA4B,CAA5B,GAAgC;AAJ3C,IANF,CAtDF,eAoEE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE5B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AACbuB,MAAAA,cAAc,CAAC,MAAD,CAAd;AACD;AAJH,kBAME,6BAAC,gBAAD;AACE,IAAA,MAAM,EAAE,EADV;AAEE,IAAA,KAAK,EAAE,EAFT;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,OAAO,EAAED,WAAW,KAAK,MAAhB,GAAyB,CAAzB,GAA6B;AAJxC,IANF,CApEF,CAJF,CADF,eAwFE,6BAAC,iBAAD;AACE,IAAA,GAAG,EAAED,OADP;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,cAAc,EAAED,cAJlB;AAKE,IAAA,iBAAiB,EAAEM,eALrB;AAME,IAAA,cAAc,EAAEE;AANlB,IAxFF,EAiGGG,WAAW,gBACV,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEpC,MAAM,CAACqB;AAApB,KACGS,YAAY,gBACX,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE9B,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AAAA;;AACb,0BAAAqB,OAAO,CAACQ,OAAR,sEAAiBU,kBAAjB;AACD;AAJH,kBAME,6BAAC,kBAAD;AAAW,IAAA,KAAK,EAAE,EAAlB;AAAsB,IAAA,MAAM,EAAE,EAA9B;AAAkC,IAAA,IAAI,EAAC;AAAvC,IANF,CADW,GAST,IAVN,EAWGb,aAAa,gBACZ,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAEhC,MAAM,CAACM,MADhB;AAEE,IAAA,OAAO,EAAE,MAAM;AAAA;;AACb,2BAAAqB,OAAO,CAACQ,OAAR,wEAAiBW,gBAAjB;AACD;AAJH,kBAME,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,WAAW,EAAE;AAJf,IANF,CADY,GAcV,IAzBN,eA0BE,6BAAC,sBAAD;AAAW,IAAA,KAAK,EAAE9C,MAAM,CAACkB,UAAzB;AAAqC,IAAA,OAAO,EAAEgB;AAA9C,kBACE,6BAAC,gBAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,IAAA,KAAK,EAAE,EAA5B;AAAgC,IAAA,MAAM,EAAE;AAAxC,IADF,CA1BF,CADU,GA+BR,IAhIN,CADF;AAoID","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n Pressable,\n View,\n StyleSheet,\n ViewProps,\n ImageRequireSource,\n ImageURISource,\n Keyboard,\n} from 'react-native';\nimport DrawCore from '../DrawCore';\nimport type { DrawItemType, DrawCoreProps } from '../../types';\nimport PenSvg from './PenSvg';\nimport DoubleHeadSvg from './DoubleHeadSvg';\nimport CircleSvg from './CircleSvg';\nimport SquareSvg from './SquareSvg';\nimport ArrowSvg from './ArrowSvg';\nimport TextSvg from './TextSvg';\nimport CloseSvg from './CloseSvg';\nimport ThrashSvg from './ThrashSvg';\nimport SendSvg from './SendSvg';\nimport CancelSvg from './CancelSvg';\n\nconst styles = StyleSheet.create({\n container: { flex: 1, backgroundColor: '#000000' },\n option: {\n width: 30,\n height: 30,\n justifyContent: 'center',\n alignItems: 'center',\n marginHorizontal: 4,\n },\n toolbar: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 30,\n paddingTop: 15,\n paddingHorizontal: 15,\n },\n drawOptions: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n sendButton: {\n backgroundColor: '#3a6cff',\n width: 48,\n height: 48,\n borderRadius: 24,\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 20,\n },\n bottomToolBar: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'center',\n paddingBottom: 30,\n paddingTop: 30,\n paddingHorizontal: 20,\n },\n});\n\nexport default function DrawWithOptions({\n close,\n takeSnapshot,\n linearGradient,\n image,\n}: {\n close?: () => void;\n takeSnapshot?: (snap: Promise<string \| undefined>) => void;\n linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;\n image?: ImageRequireSource \| ImageURISource;\n}) {\n const drawRef = useRef<DrawCoreProps>(null);\n\n const [drawingMode, setDrawingMode] = useState<DrawItemType>('ellipse');\n\n const [selectedItem, setSelectedItem] = useState(false);\n\n const [cancelEnabled, setCancelEnabled] = useState(false);\n\n const onPressSend = useCallback(() => {\n if (drawRef.current) {\n takeSnapshot?.(drawRef.current.takeSnapshot());\n }\n }, [takeSnapshot]);\n\n const [showToolbar, setShowToolbar] = useState(true);\n\n useEffect(() => {\n const sudDidHide = Keyboard.addListener('keyboardDidHide', () => {\n setShowToolbar(true);\n });\n\n const sudDidShow = Keyboard.addListener('keyboardDidShow', (event) => {\n // avoid events triggered by InputAccessoryView\n if (event.endCoordinates.height > 100) {\n setShowToolbar(false);\n }\n });\n\n // cleanup function\n return () => {\n sudDidShow.remove();\n sudDidHide.remove();\n };\n }, []);\n\n return (\n <View style={styles.container}>\n <View style={styles.toolbar}>\n <Pressable style={styles.option} onPress={close}>\n <CloseSvg height={20} width={20} fill=\"#ffffff\" />\n </Pressable>\n <View style={styles.drawOptions}>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('pen');\n }}\n >\n <PenSvg\n height={23}\n width={22}\n stroke=\"#ffffff\"\n strokeWidth=\"2\"\n opacity={drawingMode === 'pen' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('doubleHead');\n }}\n >\n <DoubleHeadSvg\n height={20}\n width={20}\n fill=\"#ffffff\"\n opacity={drawingMode === 'doubleHead' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('singleHead');\n }}\n >\n <ArrowSvg\n height={23}\n width={23}\n fill=\"#ffffff\"\n opacity={drawingMode === 'singleHead' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('rectangle');\n }}\n >\n <SquareSvg\n height={27}\n width={27}\n fill=\"#ffffff\"\n opacity={drawingMode === 'rectangle' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('ellipse');\n }}\n >\n <CircleSvg\n fill=\"#ffffff\"\n height={26}\n width={26}\n opacity={drawingMode === 'ellipse' ? 1 : 0.5}\n />\n </Pressable>\n\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('text');\n }}\n >\n <TextSvg\n height={28}\n width={28}\n fill=\"#ffffff\"\n opacity={drawingMode === 'text' ? 1 : 0.5}\n />\n </Pressable>\n </View>\n </View>\n <DrawCore\n ref={drawRef}\n drawingMode={drawingMode}\n image={image}\n linearGradient={linearGradient}\n onSelectionChange={setSelectedItem}\n onCancelChange={setCancelEnabled}\n />\n\n {showToolbar ? (\n <View style={styles.bottomToolBar}>\n {selectedItem ? (\n <Pressable\n style={styles.option}\n onPress={() => {\n drawRef.current?.deleteSelectedItem();\n }}\n >\n <ThrashSvg width={28} height={28} fill=\"white\" />\n </Pressable>\n ) : null}\n {cancelEnabled ? (\n <Pressable\n style={styles.option}\n onPress={() => {\n drawRef.current?.cancelLastAction();\n }}\n >\n <CancelSvg\n width={27}\n height={27}\n stroke=\"#ffffff\"\n strokeWidth={2}\n />\n </Pressable>\n ) : null}\n <Pressable style={styles.sendButton} onPress={onPressSend}>\n <SendSvg fill=\"#fff\" width={20} height={20} />\n </Pressable>\n </View>\n ) : null}\n </View>\n );\n}\n"]}
1	+ {"version":3,"names":["styles","StyleSheet","create","container","flex","backgroundColor","option","width","height","justifyContent","alignItems","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","borderRadius","marginLeft","bottomToolBar","DrawWithOptions","close","takeSnapshot","linearGradient","image","defaultDrawingMode","drawRef","useRef","drawingMode","setDrawingMode","useState","selectedItem","setSelectedItem","cancelEnabled","setCancelEnabled","onPressSend","useCallback","current","showToolbar","setShowToolbar","useEffect","sudDidHide","Keyboard","addListener","sudDidShow","event","endCoordinates","remove","deleteSelectedItem","cancelLastAction"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n Pressable,\n View,\n StyleSheet,\n ViewProps,\n ImageRequireSource,\n ImageURISource,\n Keyboard,\n} from 'react-native';\nimport DrawCore from '../DrawCore';\nimport type { DrawItemType, DrawCoreProps } from '../../types';\nimport PenSvg from './PenSvg';\nimport DoubleHeadSvg from './DoubleHeadSvg';\nimport CircleSvg from './CircleSvg';\nimport SquareSvg from './SquareSvg';\nimport ArrowSvg from './ArrowSvg';\nimport TextSvg from './TextSvg';\nimport CloseSvg from './CloseSvg';\nimport ThrashSvg from './ThrashSvg';\nimport SendSvg from './SendSvg';\nimport CancelSvg from './CancelSvg';\n\nconst styles = StyleSheet.create({\n container: { flex: 1, backgroundColor: '#000000' },\n option: {\n width: 30,\n height: 30,\n justifyContent: 'center',\n alignItems: 'center',\n marginHorizontal: 4,\n },\n toolbar: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 30,\n paddingTop: 15,\n paddingHorizontal: 15,\n },\n drawOptions: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n sendButton: {\n backgroundColor: '#3a6cff',\n width: 48,\n height: 48,\n borderRadius: 24,\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 20,\n },\n bottomToolBar: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'center',\n paddingBottom: 30,\n paddingTop: 30,\n paddingHorizontal: 20,\n },\n});\n\nexport default function DrawWithOptions({\n close,\n takeSnapshot,\n linearGradient,\n image,\n defaultDrawingMode = 'ellipse',\n}: {\n close?: () => void;\n takeSnapshot?: (snap: Promise<string \| undefined>) => void;\n linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;\n image?: ImageRequireSource \| ImageURISource;\n defaultDrawingMode?: DrawItemType;\n}) {\n const drawRef = useRef<DrawCoreProps>(null);\n\n const [drawingMode, setDrawingMode] =\n useState<DrawItemType>(defaultDrawingMode);\n\n const [selectedItem, setSelectedItem] = useState(false);\n\n const [cancelEnabled, setCancelEnabled] = useState(false);\n\n const onPressSend = useCallback(() => {\n if (drawRef.current) {\n takeSnapshot?.(drawRef.current.takeSnapshot());\n }\n }, [takeSnapshot]);\n\n const [showToolbar, setShowToolbar] = useState(true);\n\n useEffect(() => {\n const sudDidHide = Keyboard.addListener('keyboardDidHide', () => {\n setShowToolbar(true);\n });\n\n const sudDidShow = Keyboard.addListener('keyboardDidShow', (event) => {\n // avoid events triggered by InputAccessoryView\n if (event.endCoordinates.height > 100) {\n setShowToolbar(false);\n }\n });\n\n // cleanup function\n return () => {\n sudDidShow.remove();\n sudDidHide.remove();\n };\n }, []);\n\n return (\n <View style={styles.container}>\n <View style={styles.toolbar}>\n <Pressable style={styles.option} onPress={close}>\n <CloseSvg height={20} width={20} fill=\"#ffffff\" />\n </Pressable>\n <View style={styles.drawOptions}>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('pen');\n }}\n >\n <PenSvg\n height={23}\n width={22}\n stroke=\"#ffffff\"\n strokeWidth=\"2\"\n opacity={drawingMode === 'pen' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('doubleHead');\n }}\n >\n <DoubleHeadSvg\n height={20}\n width={20}\n fill=\"#ffffff\"\n opacity={drawingMode === 'doubleHead' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('singleHead');\n }}\n >\n <ArrowSvg\n height={23}\n width={23}\n fill=\"#ffffff\"\n opacity={drawingMode === 'singleHead' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('rectangle');\n }}\n >\n <SquareSvg\n height={27}\n width={27}\n fill=\"#ffffff\"\n opacity={drawingMode === 'rectangle' ? 1 : 0.5}\n />\n </Pressable>\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('ellipse');\n }}\n >\n <CircleSvg\n fill=\"#ffffff\"\n height={26}\n width={26}\n opacity={drawingMode === 'ellipse' ? 1 : 0.5}\n />\n </Pressable>\n\n <Pressable\n style={styles.option}\n onPress={() => {\n setDrawingMode('text');\n }}\n >\n <TextSvg\n height={28}\n width={28}\n fill=\"#ffffff\"\n opacity={drawingMode === 'text' ? 1 : 0.5}\n />\n </Pressable>\n </View>\n </View>\n <DrawCore\n ref={drawRef}\n drawingMode={drawingMode}\n image={image}\n linearGradient={linearGradient}\n onSelectionChange={setSelectedItem}\n onCancelChange={setCancelEnabled}\n />\n\n {showToolbar ? (\n <View style={styles.bottomToolBar}>\n {selectedItem ? (\n <Pressable\n style={styles.option}\n onPress={() => {\n drawRef.current?.deleteSelectedItem();\n }}\n >\n <ThrashSvg width={28} height={28} fill=\"white\" />\n </Pressable>\n ) : null}\n {cancelEnabled ? (\n <Pressable\n style={styles.option}\n onPress={() => {\n drawRef.current?.cancelLastAction();\n }}\n >\n <CancelSvg\n width={27}\n height={27}\n stroke=\"#ffffff\"\n strokeWidth={2}\n />\n </Pressable>\n ) : null}\n <Pressable style={styles.sendButton} onPress={onPressSend}>\n <SendSvg fill=\"#fff\" width={20} height={20} />\n </Pressable>\n </View>\n ) : null}\n </View>\n );\n}\n"],"mappings":"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"}

package/lib/commonjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[~~"index.tsx"~~],"~~names~~":[],"~~mappings~~"~~:";;;;;;;;;;;;;;;;;;AAAA;;AACA"~~,"sourcesContent":["export { default as DrawCore } from './components/DrawCore';\nexport { default as DrawWithOptions } from './components/DrawWithOptions';\n"]}
1	+ {"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as DrawCore } from './components/DrawCore';\nexport { default as DrawWithOptions } from './components/DrawWithOptions';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/lib/commonjs/types.d.js CHANGED Viewed

@@ -1,2 +1,6 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.d.js.map

package/lib/commonjs/types.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"~~names~~":[],"~~mappings~~":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.d.ts"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport {\n ForeignObjectProps,\n EllipseProps,\n LineProps,\n RectProps,\n} from 'react-native-svg';\n\nexport type Point = { x: number; y: number };\n\nexport type hslColor = `hsl(${number}, ${number \| string}%, ${\n \| number\n \| string}%)`;\n\ntype Size = { width: number; height: number };\n\nexport type DrawItem = (\n \| { type: 'singleHead'; data: LineProps }\n \| { type: 'doubleHead'; data: LineProps }\n \| { type: 'rectangle'; data: RectProps }\n \| { type: 'ellipse'; data: EllipseProps }\n \| { type: 'text'; data: ForeignObjectProps; text?: string }\n \| { type: 'pen'; data: Point[] }\n) & { strokeWidth: number; color: hslColor };\n\nexport type DrawItemType = DrawItem['type'];\n\nexport type DrawCoreProps = {\n drawingContainer: React.Ref<View>;\n deleteSelectedItem: () => void;\n cancelLastAction: () => void;\n takeSnapshot: () => Promise<string \| undefined>;\n};\n"],"mappings":""}

package/lib/module/components/DrawCore/ColorSlider.js CHANGED Viewed

@@ -32,11 +32,12 @@ const styles = StyleSheet.create({
   }
 });
-const ColorSlider = ({
-  color,
-  linearGradient: LinearGradient,
-  onColorChange
-}) => {
+const ColorSlider = _ref => {
+  let {
+    color,
+    linearGradient: LinearGradient,
+    onColorChange
+  } = _ref;
   const sliderHeight = useSharedValue(0);
   const position = useDerivedValue(() => {
     const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
@@ -55,16 +56,19 @@ const ColorSlider = ({
     return Math.min(sliderHeight.value, Math.max(0, sliderHeight.value * 0.1 + tint * ((sliderHeight.value - sliderHeight.value * 0.2) / 360)));
   }, [sliderHeight.value]);
   const onGestureEvent = useAnimatedGestureHandler({
-    onStart: ({
-      y
-    }, ctx) => {
+    onStart: (_ref2, ctx) => {
+      let {
+        y
+      } = _ref2;
       ctx.startY = y;
     },
-    onActive: ({
-      translationY
-    }, {
-      startY
-    }) => {
+    onActive: (_ref3, _ref4) => {
+      let {
+        translationY
+      } = _ref3;
+      let {
+        startY
+      } = _ref4;
       const slidePos = Math.min(sliderHeight.value, startY + translationY);
       if (slidePos < 0.1 * sliderHeight.value) {

package/lib/module/components/DrawCore/ColorSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["ColorSlider.tsx"],"~~names":["React","useCallback","StyleSheet","View","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","TRACK_R","gradientColors","styles","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","borderWidth","indicator","marginTop","ColorSlider","color","linearGradient","LinearGradient","onColorChange","sliderHeight","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","onGestureEvent","onStart","y","~~ctx~~","startY","onActive","translationY","slidePos","toFixed","onEnd","style","transform","translateY","selectedColorStyle","onLayout","event","nativeEvent","layout"],"~~mappings~~":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAA4BC,UAA5B,EAAwCC,IAAxC,QAA+D,cAA/D;AAEA,SACEC,iBADF,QAGO,8BAHP;AAIA,OAAOC,QAAP,IACEC,OADF,EAEEC,yBAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,yBANP;AASA,MAAMC,OAAO,GAAG,EAAhB;AAEA,MAAMC,cAAc,GAAG,CACrB,wBADqB,EAErB,uBAFqB,EAGrB,wBAHqB,EAIrB,wBAJqB,EAKrB,yBALqB,EAMrB,yBANqB,EAOrB,yBAPqB,EAQrB,yBARqB,EASrB,yBATqB,EAUrB,yBAVqB,EAWrB,yBAXqB,CAAvB;AAcA,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,KAAK,EAAE;AAHE,GADoB;AAM/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,UADL;AAELF,IAAAA,KAAK,EAAEP,OAAO,GAAG,CAFZ;AAGLU,IAAAA,MAAM,EAAEV,OAAO,GAAG,CAHb;AAILW,IAAAA,YAAY,EAAEX,OAJT;AAKLY,IAAAA,GAAG,EAAE,CALA;AAMLC,IAAAA,eAAe,EAAE;AANZ,GANwB;AAc/BC,EAAAA,KAAK,EAAE;AAAEP,IAAAA,KAAK,EAAE,EAAT;AAAaF,IAAAA,IAAI,EAAE,CAAnB;AAAsBM,IAAAA,YAAY,EAAE,CAApC;AAAuCI,IAAAA,WAAW,EAAE;AAApD,GAdwB;AAe/BC,EAAAA,SAAS,EAAE;AACTT,IAAAA,KAAK,EAAE,EADE;AAETG,IAAAA,MAAM,EAAE,EAFC;AAGTC,IAAAA,YAAY,EAAE,EAHL;AAITM,IAAAA,SAAS,EAAE;AAJF;AAfoB,CAAlB,CAAf;;AAuBA,MAAMC,WAAW,GAAG,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,cAAc,EAAEC,cAFG;AAGnBC,EAAAA;AAHmB,CAAD,KAQd;AACJ,QAAMC,YAAY,GAAGxB,cAAc,CAAC,CAAD,CAAnC;AAEA,QAAMU,QAAQ,GAAGX,eAAe,CAAC,MAAM;AACrC,UAAM0B,SAAS,GAAG,IAAIC,MAAJ,CAAW,wCAAX,CAAlB;AACA,UAAMC,GAAG,GAAGF,SAAS,CAACG,IAAV,CAAeR,KAAK,CAACS,KAArB,CAAZ;AAEA,UAAMC,GAAG,GAAGH,GAAG,GAAGI,UAAU,CAACJ,GAAG,CAAC,CAAD,CAAJ,CAAb,GAAwB,CAAvC;AAEA,UAAMK,IAAI,GAAGL,GAAG,GAAGI,UAAU,CAACJ,GAAG,CAAC,CAAD,CAAJ,CAAb,GAAwB,CAAxC;;AAEA,QAAIG,GAAG,GAAG,EAAV,EAAc;AACZ,aAASN,YAAY,CAACK,KAAb,GAAqB,GAAtB,GAA6B,EAA9B,IAAqC,MAAMC,GAA3C,CAAP;AACD;;AAED,QAAIA,GAAG,GAAG,EAAV,EAAc;AACZ,aAAON,YAAY,CAACK,KAAb,GAAuBL,YAAY,CAACK,KAAb,GAAqB,GAAtB,GAA6B,EAA9B,GAAoCC,GAAhE;AACD;;AAED,WAAOG,IAAI,CAACC,GAAL,CACLV,YAAY,CAACK,KADR,EAELI,IAAI,CAACE,GAAL,CACE,CADF,EAEEX,YAAY,CAACK,KAAb,GAAqB,GAArB,GACEG,IAAI,IAAI,CAACR,YAAY,CAACK,KAAb,GAAqBL,YAAY,CAACK,KAAb,GAAqB,GAA3C,IAAkD,GAAtD,CAHR,CAFK,CAAP;AAQD,GAxB+B,EAwB7B,CAACL,YAAY,CAACK,KAAd,CAxB6B,CAAhC;AA0BA,QAAMO,cAAc,GAAGvC,yBAAyB,CAI9C;AACEwC,IAAAA,OAAO,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,EAAQC,GAAR,KAAgB;AACvBA,MAAAA,GAAG,CAACC,MAAJ,GAAaF,CAAb;AACD,KAHH;AAIEG,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,EAAmB;AAAEF,MAAAA;AAAF,KAAnB,KAAkC;AAC1C,YAAMG,QAAQ,GAAGV,IAAI,CAACC,GAAL,CAASV,YAAY,CAACK,KAAtB,EAA6BW,MAAM,GAAGE,YAAtC,CAAjB;;AAEA,UAAIC,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAAlC,EAAyC;AACvCT,QAAAA,KAAK,CAACS,KAAN,GAAe,gBAAeI,IAAI,CAACC,GAAL,CAC5B,GAD4B,EAE5B,MAAOS,QAAQ,IAAI,MAAMnB,YAAY,CAACK,KAAvB,CAAT,GAA0C,EAFpB,EAG5Be,OAH4B,CAGpB,EAHoB,CAGhB,IAHd;AAID,OALD,MAKO,IAAID,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAAlC,EAAyC;AAC9CT,QAAAA,KAAK,CAACS,KAAN,GAAe,gBAAeI,IAAI,CAACE,GAAL,CAC5B,KACG,CAACQ,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAA/B,KACE,MAAML,YAAY,CAACK,KADrB,CAAD,GAEE,EAJwB,EAK5B,CAL4B,EAM5Be,OAN4B,CAMpB,EANoB,CAMhB,IANd;AAOD,OARM,MAQA;AACLxB,QAAAA,KAAK,CAACS,KAAN,GAAe,OACZ,CAACc,QAAQ,GAAGnB,YAAY,CAACK,KAAb,GAAqB,GAAjC,KACEL,YAAY,CAACK,KAAb,GAAqBL,YAAY,CAACK,KAAb,GAAqB,GAD5C,CAAD,GAEA,GACD,cAJD;AAKD;AACF,KA3BH;AA4BEgB,IAAAA,KAAK,EAAE,MAAM;AACXjD,MAAAA,OAAO,CAAC2B,aAAD,CAAP;AACD;AA9BH,GAJ8C,EAoC9C,EApC8C,CAAhD;AAuCA,QAAMuB,KAAK,GAAGhD,gBAAgB,CAAC,MAAM;AACnC,WAAO;AACLiD,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,UAAU,EAAEtC,QAAQ,CAACmB,KAAT,GAAiB5B;AAA/B,OAAD;AADN,KAAP;AAGD,GAJ6B,EAI3B,CAACS,QAAQ,CAACmB,KAAV,CAJ2B,CAA9B;AAMA,QAAMoB,kBAAkB,GAAGnD,gBAAgB,CAAC,MAAM;AAChD,WAAO;AACLgB,MAAAA,eAAe,EAAEM,KAAK,CAACS;AADlB,KAAP;AAGD,GAJ0C,EAIxC,CAACT,KAAK,CAACS,KAAP,CAJwC,CAA3C;AAMA,QAAMqB,QAAQ,GAAG3D,WAAW,CACzB4D,KAAD,IAA8B;AAC5B3B,IAAAA,YAAY,CAACK,KAAb,GAAqBsB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyB1C,MAA9C;AACD,GAHyB,EAI1B,CAACa,YAAD,CAJ0B,CAA5B;AAOA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAErB,MAAM,CAACE;AAApB,kBACE,oBAAC,iBAAD;AAAmB,IAAA,cAAc,EAAE+B;AAAnC,kBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEjC,MAAM,CAACE;AAA7B,kBACE,oBAAC,cAAD;AACE,IAAA,MAAM,EAAEH,cADV;AAEE,IAAA,QAAQ,EAAEgD,QAFZ;AAGE,IAAA,KAAK,EAAE/C,MAAM,CAACY;AAHhB,IADF,eAME,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACZ,MAAM,CAACM,KAAR,EAAeqC,KAAf;AAAtB,IANF,CADF,CADF,eAYE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAAC3C,MAAM,CAACc,SAAR,EAAmBgC,kBAAnB;AAAtB,IAZF,CADF;AAgBD,CA/GD;;AAiHA,eAAe9B,WAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport { LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\n\nimport {\n PanGestureHandler,\n PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n runOnJS,\n useAnimatedGestureHandler,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n} from 'react-native-reanimated';\nimport type { hslColor } from '../../types';\n\nconst TRACK_R = 10;\n\nconst gradientColors = [\n 'hsl(0, 100%, 100%) 00%',\n 'hsl(0, 100%, 50%) 10%',\n 'hsl(45, 100%, 50%) 20%',\n 'hsl(90, 100%, 50%) 30%',\n 'hsl(135, 100%, 50%) 40%',\n 'hsl(180, 100%, 50%) 50%',\n 'hsl(225, 100%, 50%) 60%',\n 'hsl(270, 100%, 50%) 70%',\n 'hsl(315, 100%, 50%) 80%',\n 'hsl(360, 100%, 50%) 90%',\n 'hsl(0, 100%, 0%) 100% ',\n];\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n width: '100%',\n },\n thumb: {\n position: 'absolute',\n width: TRACK_R * 2,\n height: TRACK_R * 2,\n borderRadius: TRACK_R,\n top: 0,\n backgroundColor: 'white',\n },\n track: { width: 10, flex: 1, borderRadius: 5, borderWidth: 1 },\n indicator: {\n width: 22,\n height: 22,\n borderRadius: 22,\n marginTop: 20,\n },\n});\n\nconst ColorSlider = ({\n color,\n linearGradient: LinearGradient,\n onColorChange,\n}: {\n color: Animated.SharedValue<hslColor>;\n linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;\n onColorChange: () => void;\n}) => {\n const sliderHeight = useSharedValue(0);\n\n const position = useDerivedValue(() => {\n const hslRegExp = new RegExp(/hsl\$([\\d.]+),\\s(\\d+)%,\\s([\\d.]+)%\$/);\n const res = hslRegExp.exec(color.value);\n\n const lum = res ? parseFloat(res[3]) : 0;\n\n const tint = res ? parseFloat(res[1]) : 0;\n\n if (lum > 50) {\n return ((sliderHeight.value * 0.1) / 50) * (100 - lum);\n }\n\n if (lum < 50) {\n return sliderHeight.value - ((sliderHeight.value * 0.1) / 50) * lum;\n }\n\n return Math.min(\n sliderHeight.value,\n Math.max(\n 0,\n sliderHeight.value * 0.1 +\n tint * ((sliderHeight.value - sliderHeight.value * 0.2) / 360)\n )\n );\n }, [sliderHeight.value]);\n\n const onGestureEvent = useAnimatedGestureHandler<\n PanGestureHandlerGestureEvent,\n { startY: number }\n >(\n {\n onStart: ({ y }, ctx) => {\n ctx.startY = y;\n },\n onActive: ({ translationY }, { startY }) => {\n const slidePos = Math.min(sliderHeight.value, startY + translationY);\n\n if (slidePos < 0.1 * sliderHeight.value) {\n color.value = `hsl(0, 100%, ${Math.min(\n 100,\n 100 - (slidePos / (0.1 * sliderHeight.value)) * 50\n ).toFixed(10)}%)`;\n } else if (slidePos > 0.9 * sliderHeight.value) {\n color.value = `hsl(0, 100%, ${Math.max(\n 50 -\n ((slidePos - 0.9 * sliderHeight.value) /\n (0.1 * sliderHeight.value)) \n 50,\n 0\n ).toFixed(10)}%)`;\n } else {\n color.value = `hsl(${\n ((slidePos - sliderHeight.value 0.1) /\n (sliderHeight.value - sliderHeight.value * 0.2)) *\n 360\n }, 100%, 50%)`;\n }\n },\n onEnd: () => {\n runOnJS(onColorChange)();\n },\n },\n []\n );\n\n const style = useAnimatedStyle(() => {\n return {\n transform: [{ translateY: position.value - TRACK_R }],\n };\n }, [position.value]);\n\n const selectedColorStyle = useAnimatedStyle(() => {\n return {\n backgroundColor: color.value,\n };\n }, [color.value]);\n\n const onLayout = useCallback(\n (event: LayoutChangeEvent) => {\n sliderHeight.value = event.nativeEvent.layout.height;\n },\n [sliderHeight]\n );\n\n return (\n <View style={styles.container}>\n <PanGestureHandler onGestureEvent={onGestureEvent}>\n <Animated.View style={styles.container}>\n <LinearGradient\n colors={gradientColors}\n onLayout={onLayout}\n style={styles.track}\n />\n <Animated.View style={[styles.thumb, style]} />\n </Animated.View>\n </PanGestureHandler>\n\n <Animated.View style={[styles.indicator, selectedColorStyle]} />\n </View>\n );\n};\n\nexport default ColorSlider;\n"]}
1	+ {"version":3,"names":["React","useCallback","StyleSheet","View","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","TRACK_R","gradientColors","styles","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","borderWidth","indicator","marginTop","ColorSlider","color","linearGradient","LinearGradient","onColorChange","sliderHeight","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","onGestureEvent","onStart","ctx","y","startY","onActive","translationY","slidePos","toFixed","onEnd","style","transform","translateY","selectedColorStyle","onLayout","event","nativeEvent","layout"],"sources":["ColorSlider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\n\nimport {\n PanGestureHandler,\n PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n runOnJS,\n useAnimatedGestureHandler,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n} from 'react-native-reanimated';\nimport type { hslColor } from '../../types';\n\nconst TRACK_R = 10;\n\nconst gradientColors = [\n 'hsl(0, 100%, 100%) 00%',\n 'hsl(0, 100%, 50%) 10%',\n 'hsl(45, 100%, 50%) 20%',\n 'hsl(90, 100%, 50%) 30%',\n 'hsl(135, 100%, 50%) 40%',\n 'hsl(180, 100%, 50%) 50%',\n 'hsl(225, 100%, 50%) 60%',\n 'hsl(270, 100%, 50%) 70%',\n 'hsl(315, 100%, 50%) 80%',\n 'hsl(360, 100%, 50%) 90%',\n 'hsl(0, 100%, 0%) 100% ',\n];\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n width: '100%',\n },\n thumb: {\n position: 'absolute',\n width: TRACK_R * 2,\n height: TRACK_R * 2,\n borderRadius: TRACK_R,\n top: 0,\n backgroundColor: 'white',\n },\n track: { width: 10, flex: 1, borderRadius: 5, borderWidth: 1 },\n indicator: {\n width: 22,\n height: 22,\n borderRadius: 22,\n marginTop: 20,\n },\n});\n\nconst ColorSlider = ({\n color,\n linearGradient: LinearGradient,\n onColorChange,\n}: {\n color: Animated.SharedValue<hslColor>;\n linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;\n onColorChange: () => void;\n}) => {\n const sliderHeight = useSharedValue(0);\n\n const position = useDerivedValue(() => {\n const hslRegExp = new RegExp(/hsl\$([\\d.]+),\\s(\\d+)%,\\s([\\d.]+)%\$/);\n const res = hslRegExp.exec(color.value);\n\n const lum = res ? parseFloat(res[3]) : 0;\n\n const tint = res ? parseFloat(res[1]) : 0;\n\n if (lum > 50) {\n return ((sliderHeight.value * 0.1) / 50) * (100 - lum);\n }\n\n if (lum < 50) {\n return sliderHeight.value - ((sliderHeight.value * 0.1) / 50) * lum;\n }\n\n return Math.min(\n sliderHeight.value,\n Math.max(\n 0,\n sliderHeight.value * 0.1 +\n tint * ((sliderHeight.value - sliderHeight.value * 0.2) / 360)\n )\n );\n }, [sliderHeight.value]);\n\n const onGestureEvent = useAnimatedGestureHandler<\n PanGestureHandlerGestureEvent,\n { startY: number }\n >(\n {\n onStart: ({ y }, ctx) => {\n ctx.startY = y;\n },\n onActive: ({ translationY }, { startY }) => {\n const slidePos = Math.min(sliderHeight.value, startY + translationY);\n\n if (slidePos < 0.1 * sliderHeight.value) {\n color.value = `hsl(0, 100%, ${Math.min(\n 100,\n 100 - (slidePos / (0.1 * sliderHeight.value)) * 50\n ).toFixed(10)}%)`;\n } else if (slidePos > 0.9 * sliderHeight.value) {\n color.value = `hsl(0, 100%, ${Math.max(\n 50 -\n ((slidePos - 0.9 * sliderHeight.value) /\n (0.1 * sliderHeight.value)) \n 50,\n 0\n ).toFixed(10)}%)`;\n } else {\n color.value = `hsl(${\n ((slidePos - sliderHeight.value 0.1) /\n (sliderHeight.value - sliderHeight.value * 0.2)) *\n 360\n }, 100%, 50%)`;\n }\n },\n onEnd: () => {\n runOnJS(onColorChange)();\n },\n },\n []\n );\n\n const style = useAnimatedStyle(() => {\n return {\n transform: [{ translateY: position.value - TRACK_R }],\n };\n }, [position.value]);\n\n const selectedColorStyle = useAnimatedStyle(() => {\n return {\n backgroundColor: color.value,\n };\n }, [color.value]);\n\n const onLayout = useCallback(\n (event: LayoutChangeEvent) => {\n sliderHeight.value = event.nativeEvent.layout.height;\n },\n [sliderHeight]\n );\n\n return (\n <View style={styles.container}>\n <PanGestureHandler onGestureEvent={onGestureEvent}>\n <Animated.View style={styles.container}>\n <LinearGradient\n colors={gradientColors}\n onLayout={onLayout}\n style={styles.track}\n />\n <Animated.View style={[styles.thumb, style]} />\n </Animated.View>\n </PanGestureHandler>\n\n <Animated.View style={[styles.indicator, selectedColorStyle]} />\n </View>\n );\n};\n\nexport default ColorSlider;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAA4BC,UAA5B,EAAwCC,IAAxC,QAA+D,cAA/D;AAEA,SACEC,iBADF,QAGO,8BAHP;AAIA,OAAOC,QAAP,IACEC,OADF,EAEEC,yBAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,yBANP;AASA,MAAMC,OAAO,GAAG,EAAhB;AAEA,MAAMC,cAAc,GAAG,CACrB,wBADqB,EAErB,uBAFqB,EAGrB,wBAHqB,EAIrB,wBAJqB,EAKrB,yBALqB,EAMrB,yBANqB,EAOrB,yBAPqB,EAQrB,yBARqB,EASrB,yBATqB,EAUrB,yBAVqB,EAWrB,yBAXqB,CAAvB;AAcA,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAX,CAAkB;EAC/BC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE;EAHE,CADoB;EAM/BC,KAAK,EAAE;IACLC,QAAQ,EAAE,UADL;IAELF,KAAK,EAAEP,OAAO,GAAG,CAFZ;IAGLU,MAAM,EAAEV,OAAO,GAAG,CAHb;IAILW,YAAY,EAAEX,OAJT;IAKLY,GAAG,EAAE,CALA;IAMLC,eAAe,EAAE;EANZ,CANwB;EAc/BC,KAAK,EAAE;IAAEP,KAAK,EAAE,EAAT;IAAaF,IAAI,EAAE,CAAnB;IAAsBM,YAAY,EAAE,CAApC;IAAuCI,WAAW,EAAE;EAApD,CAdwB;EAe/BC,SAAS,EAAE;IACTT,KAAK,EAAE,EADE;IAETG,MAAM,EAAE,EAFC;IAGTC,YAAY,EAAE,EAHL;IAITM,SAAS,EAAE;EAJF;AAfoB,CAAlB,CAAf;;AAuBA,MAAMC,WAAW,GAAG,QAQd;EAAA,IARe;IACnBC,KADmB;IAEnBC,cAAc,EAAEC,cAFG;IAGnBC;EAHmB,CAQf;EACJ,MAAMC,YAAY,GAAGxB,cAAc,CAAC,CAAD,CAAnC;EAEA,MAAMU,QAAQ,GAAGX,eAAe,CAAC,MAAM;IACrC,MAAM0B,SAAS,GAAG,IAAIC,MAAJ,CAAW,wCAAX,CAAlB;IACA,MAAMC,GAAG,GAAGF,SAAS,CAACG,IAAV,CAAeR,KAAK,CAACS,KAArB,CAAZ;IAEA,MAAMC,GAAG,GAAGH,GAAG,GAAGI,UAAU,CAACJ,GAAG,CAAC,CAAD,CAAJ,CAAb,GAAwB,CAAvC;IAEA,MAAMK,IAAI,GAAGL,GAAG,GAAGI,UAAU,CAACJ,GAAG,CAAC,CAAD,CAAJ,CAAb,GAAwB,CAAxC;;IAEA,IAAIG,GAAG,GAAG,EAAV,EAAc;MACZ,OAASN,YAAY,CAACK,KAAb,GAAqB,GAAtB,GAA6B,EAA9B,IAAqC,MAAMC,GAA3C,CAAP;IACD;;IAED,IAAIA,GAAG,GAAG,EAAV,EAAc;MACZ,OAAON,YAAY,CAACK,KAAb,GAAuBL,YAAY,CAACK,KAAb,GAAqB,GAAtB,GAA6B,EAA9B,GAAoCC,GAAhE;IACD;;IAED,OAAOG,IAAI,CAACC,GAAL,CACLV,YAAY,CAACK,KADR,EAELI,IAAI,CAACE,GAAL,CACE,CADF,EAEEX,YAAY,CAACK,KAAb,GAAqB,GAArB,GACEG,IAAI,IAAI,CAACR,YAAY,CAACK,KAAb,GAAqBL,YAAY,CAACK,KAAb,GAAqB,GAA3C,IAAkD,GAAtD,CAHR,CAFK,CAAP;EAQD,CAxB+B,EAwB7B,CAACL,YAAY,CAACK,KAAd,CAxB6B,CAAhC;EA0BA,MAAMO,cAAc,GAAGvC,yBAAyB,CAI9C;IACEwC,OAAO,EAAE,QAAQC,GAAR,KAAgB;MAAA,IAAf;QAAEC;MAAF,CAAe;MACvBD,GAAG,CAACE,MAAJ,GAAaD,CAAb;IACD,CAHH;IAIEE,QAAQ,EAAE,kBAAkC;MAAA,IAAjC;QAAEC;MAAF,CAAiC;MAAA,IAAf;QAAEF;MAAF,CAAe;MAC1C,MAAMG,QAAQ,GAAGV,IAAI,CAACC,GAAL,CAASV,YAAY,CAACK,KAAtB,EAA6BW,MAAM,GAAGE,YAAtC,CAAjB;;MAEA,IAAIC,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAAlC,EAAyC;QACvCT,KAAK,CAACS,KAAN,GAAe,gBAAeI,IAAI,CAACC,GAAL,CAC5B,GAD4B,EAE5B,MAAOS,QAAQ,IAAI,MAAMnB,YAAY,CAACK,KAAvB,CAAT,GAA0C,EAFpB,EAG5Be,OAH4B,CAGpB,EAHoB,CAGhB,IAHd;MAID,CALD,MAKO,IAAID,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAAlC,EAAyC;QAC9CT,KAAK,CAACS,KAAN,GAAe,gBAAeI,IAAI,CAACE,GAAL,CAC5B,KACG,CAACQ,QAAQ,GAAG,MAAMnB,YAAY,CAACK,KAA/B,KACE,MAAML,YAAY,CAACK,KADrB,CAAD,GAEE,EAJwB,EAK5B,CAL4B,EAM5Be,OAN4B,CAMpB,EANoB,CAMhB,IANd;MAOD,CARM,MAQA;QACLxB,KAAK,CAACS,KAAN,GAAe,OACZ,CAACc,QAAQ,GAAGnB,YAAY,CAACK,KAAb,GAAqB,GAAjC,KACEL,YAAY,CAACK,KAAb,GAAqBL,YAAY,CAACK,KAAb,GAAqB,GAD5C,CAAD,GAEA,GACD,cAJD;MAKD;IACF,CA3BH;IA4BEgB,KAAK,EAAE,MAAM;MACXjD,OAAO,CAAC2B,aAAD,CAAP;IACD;EA9BH,CAJ8C,EAoC9C,EApC8C,CAAhD;EAuCA,MAAMuB,KAAK,GAAGhD,gBAAgB,CAAC,MAAM;IACnC,OAAO;MACLiD,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEtC,QAAQ,CAACmB,KAAT,GAAiB5B;MAA/B,CAAD;IADN,CAAP;EAGD,CAJ6B,EAI3B,CAACS,QAAQ,CAACmB,KAAV,CAJ2B,CAA9B;EAMA,MAAMoB,kBAAkB,GAAGnD,gBAAgB,CAAC,MAAM;IAChD,OAAO;MACLgB,eAAe,EAAEM,KAAK,CAACS;IADlB,CAAP;EAGD,CAJ0C,EAIxC,CAACT,KAAK,CAACS,KAAP,CAJwC,CAA3C;EAMA,MAAMqB,QAAQ,GAAG3D,WAAW,CACzB4D,KAAD,IAA8B;IAC5B3B,YAAY,CAACK,KAAb,GAAqBsB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyB1C,MAA9C;EACD,CAHyB,EAI1B,CAACa,YAAD,CAJ0B,CAA5B;EAOA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAErB,MAAM,CAACE;EAApB,gBACE,oBAAC,iBAAD;IAAmB,cAAc,EAAE+B;EAAnC,gBACE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAEjC,MAAM,CAACE;EAA7B,gBACE,oBAAC,cAAD;IACE,MAAM,EAAEH,cADV;IAEE,QAAQ,EAAEgD,QAFZ;IAGE,KAAK,EAAE/C,MAAM,CAACY;EAHhB,EADF,eAME,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACZ,MAAM,CAACM,KAAR,EAAeqC,KAAf;EAAtB,EANF,CADF,CADF,eAYE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAC3C,MAAM,CAACc,SAAR,EAAmBgC,kBAAnB;EAAtB,EAZF,CADF;AAgBD,CA/GD;;AAiHA,eAAe9B,WAAf"}

package/lib/module/components/DrawCore/CurrentAnimatedItem.js CHANGED Viewed

@@ -107,9 +107,10 @@ function hslToRgb(col) {
   return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)})`;
 }
-export default function CurrentAnimatedItem({
-  currentItem
-}) {
+export default function CurrentAnimatedItem(_ref) {
+  let {
+    currentItem
+  } = _ref;
   const ellipseAnimatedProps = useAnimatedProps(() => {
     var _currentItem$value, _currentItem$value2, _currentItem$value3, _currentItem$value4;

package/lib/module/components/DrawCore/CurrentAnimatedItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["CurrentAnimatedItem.tsx"],"names":["React","Animated","useAnimatedProps","Path","Ellipse","Rect","Line","G","AnimatedPath","createAnimatedComponent","AnimatedEllipse","AnimatedRectangle","AnimatedLine","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","endPoint","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","coordinates","value","type","data","cx","cy","rx","ry","stroke","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Animated, { useAnimatedProps } from 'react-native-reanimated';\nimport { Path, Ellipse, Rect, Line, G } from 'react-native-svg';\nimport type { DrawItem, hslColor, Point } from '../../types';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst AnimatedEllipse = Animated.createAnimatedComponent(Ellipse);\n\nconst AnimatedRectangle = Animated.createAnimatedComponent(Rect);\n\nconst AnimatedLine = Animated.createAnimatedComponent(Line);\n\n// properties of a line\nconst line = (pointA: Point, pointB: Point) => {\n 'worklet';\n const lengthX = pointB.x - pointA.x;\n const lengthY = pointB.y - pointA.y;\n return {\n length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n angle: Math.atan2(lengthY, lengthX),\n };\n};\n\n// position of a control point\nconst controlPoint = (\n current: Point,\n previous: Point,\n next: Point,\n reverse: boolean\n): Point => {\n 'worklet';\n // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'\n const p = previous \|\| current;\n const n = next \|\| current;\n const smoothing = 0.2;\n // Properties of the opposed-line\n const o = line(p, n);\n // If is end-control-point, add PI to the angle to go backward\n const angle = o.angle + (reverse ? Math.PI : 0);\n const length = o.length * smoothing;\n\n const x = current.x + Math.cos(angle) * length;\n const y = current.y + Math.sin(angle) * length;\n\n return { x: x, y: y };\n};\n\n// create the bezier curve command\nconst bezierCommand = (point: Point, i: number, a: Point[]) => {\n 'worklet';\n const endPoint: Point = controlPoint(point, a[i - 1], a[i + 1], true);\n if (i === 1) {\n const startPoint: Point = controlPoint(a[i - 1], a[i - 2], point, true);\n return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n } else {\n return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n }\n};\n\nexport const pointsToPath = (points: Point[]) => {\n 'worklet';\n return points.length > 0\n ? points.reduce(\n (acc, point, i, a) =>\n i === 0\n ? `M ${point.x},${point.y}`\n : `${acc} ${bezierCommand(point, i, a)}`,\n ''\n )\n : '';\n};\n\nfunction hue2rgb(p: number, q: number, t: number) {\n 'worklet';\n if (t < 0) {\n t += 1;\n }\n if (t > 1) {\n t -= 1;\n }\n if (t < 1 / 6) {\n return p + (q - p) * 6 * t;\n }\n if (t < 1 / 2) {\n return q;\n }\n if (t < 2 / 3) {\n return p + (q - p) * (2 / 3 - t) * 6;\n }\n return p;\n}\n\n// see https://github.com/software-mansion/react-native-reanimated/issues/1909\nfunction hslToRgb(col: hslColor) {\n 'worklet';\n const hslRegExp = new RegExp(/hsl\$([\\d.]+),\\s(\\d+)%,\\s([\\d.]+)%\$/);\n const res = hslRegExp.exec(col);\n\n const h = res ? parseFloat(res[1]) / 360 : 0;\n const s = res ? parseFloat(res[2]) / 100 : 0;\n const l = res ? parseFloat(res[3]) / 100 : 0;\n\n var r, g, b;\n\n if (s === 0) {\n r = g = b = l; // achromatic\n } else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1 / 3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1 / 3);\n }\n\n return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(\n b * 255\n )})`;\n}\n\nexport default function CurrentAnimatedItem({\n currentItem,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n}) {\n const ellipseAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'ellipse'\n ? currentItem.value.data\n : { cx: -10, cy: -10, rx: 0, ry: 0 };\n\n return {\n cx: coordinates.cx,\n cy: coordinates.cy,\n rx: coordinates.rx,\n ry: coordinates.ry,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'ellipse' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'ellipse'\n ? currentItem.value.strokeWidth\n : 0,\n marker: 'url(#selection)',\n };\n }, [currentItem.value]);\n\n const singleHeadAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'singleHead'\n ? currentItem.value.data\n : { x1: -10, y1: -10, x2: -10, y2: -10 };\n return {\n x1: coordinates.x1,\n y1: coordinates.y1,\n x2: coordinates.x2,\n y2: coordinates.y2,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'singleHead' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'singleHead'\n ? currentItem.value.strokeWidth\n : 0,\n markerEnd: 'arrowhead',\n };\n }, [currentItem.value]);\n\n const doubleHeadAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'doubleHead'\n ? currentItem.value.data\n : { x1: -10, y1: -10, x2: -10, y2: -10 };\n\n return {\n x1: coordinates.x1,\n y1: coordinates.y1,\n x2: coordinates.x2,\n y2: coordinates.y2,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'doubleHead' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'doubleHead'\n ? currentItem.value.strokeWidth\n : 0,\n markerStart: 'side',\n markerEnd: 'side',\n };\n }, [currentItem.value]);\n\n const rectangleAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'rectangle'\n ? currentItem.value.data\n : { x: -10, y: -10, width: 0, height: 0 };\n return {\n x: coordinates.x,\n y: coordinates.y,\n width: coordinates.width,\n height: coordinates.height,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'rectangle' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'rectangle'\n ? currentItem.value.strokeWidth\n : 0,\n\n marker: 'url(#selection)',\n };\n }, [currentItem.value]);\n\n const penAnimatedProps = useAnimatedProps(() => {\n const d = pointsToPath(\n currentItem.value?.type === 'pen'\n ? currentItem.value.data\n : [{ x: -10, y: -10 }]\n );\n return {\n d: d,\n strokeWidth:\n currentItem.value?.type === 'pen' ? currentItem.value.strokeWidth : 0,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'pen' ? 1 : 0,\n markerStart: 'selection',\n markerEnd: 'selection',\n };\n }, [currentItem.value]);\n\n return (\n <>\n <AnimatedEllipse animatedProps={ellipseAnimatedProps} />\n <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n <AnimatedLine animatedProps={singleHeadAnimatedProps} />\n </G>\n <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n <AnimatedLine animatedProps={doubleHeadAnimatedProps} />\n </G>\n <AnimatedRectangle animatedProps={rectangleAnimatedProps} />\n <AnimatedPath animatedProps={penAnimatedProps} />\n </>\n );\n}\n"]}
1	+ {"version":3,"names":["React","Animated","useAnimatedProps","Path","Ellipse","Rect","Line","G","AnimatedPath","createAnimatedComponent","AnimatedEllipse","AnimatedRectangle","AnimatedLine","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","endPoint","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","coordinates","value","type","data","cx","cy","rx","ry","stroke","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sources":["CurrentAnimatedItem.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, { useAnimatedProps } from 'react-native-reanimated';\nimport { Path, Ellipse, Rect, Line, G } from 'react-native-svg';\nimport type { DrawItem, hslColor, Point } from '../../types';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst AnimatedEllipse = Animated.createAnimatedComponent(Ellipse);\n\nconst AnimatedRectangle = Animated.createAnimatedComponent(Rect);\n\nconst AnimatedLine = Animated.createAnimatedComponent(Line);\n\n// properties of a line\nconst line = (pointA: Point, pointB: Point) => {\n 'worklet';\n const lengthX = pointB.x - pointA.x;\n const lengthY = pointB.y - pointA.y;\n return {\n length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n angle: Math.atan2(lengthY, lengthX),\n };\n};\n\n// position of a control point\nconst controlPoint = (\n current: Point,\n previous: Point,\n next: Point,\n reverse: boolean\n): Point => {\n 'worklet';\n // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'\n const p = previous \|\| current;\n const n = next \|\| current;\n const smoothing = 0.2;\n // Properties of the opposed-line\n const o = line(p, n);\n // If is end-control-point, add PI to the angle to go backward\n const angle = o.angle + (reverse ? Math.PI : 0);\n const length = o.length * smoothing;\n\n const x = current.x + Math.cos(angle) * length;\n const y = current.y + Math.sin(angle) * length;\n\n return { x: x, y: y };\n};\n\n// create the bezier curve command\nconst bezierCommand = (point: Point, i: number, a: Point[]) => {\n 'worklet';\n const endPoint: Point = controlPoint(point, a[i - 1], a[i + 1], true);\n if (i === 1) {\n const startPoint: Point = controlPoint(a[i - 1], a[i - 2], point, true);\n return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n } else {\n return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n }\n};\n\nexport const pointsToPath = (points: Point[]) => {\n 'worklet';\n return points.length > 0\n ? points.reduce(\n (acc, point, i, a) =>\n i === 0\n ? `M ${point.x},${point.y}`\n : `${acc} ${bezierCommand(point, i, a)}`,\n ''\n )\n : '';\n};\n\nfunction hue2rgb(p: number, q: number, t: number) {\n 'worklet';\n if (t < 0) {\n t += 1;\n }\n if (t > 1) {\n t -= 1;\n }\n if (t < 1 / 6) {\n return p + (q - p) * 6 * t;\n }\n if (t < 1 / 2) {\n return q;\n }\n if (t < 2 / 3) {\n return p + (q - p) * (2 / 3 - t) * 6;\n }\n return p;\n}\n\n// see https://github.com/software-mansion/react-native-reanimated/issues/1909\nfunction hslToRgb(col: hslColor) {\n 'worklet';\n const hslRegExp = new RegExp(/hsl\$([\\d.]+),\\s(\\d+)%,\\s([\\d.]+)%\$/);\n const res = hslRegExp.exec(col);\n\n const h = res ? parseFloat(res[1]) / 360 : 0;\n const s = res ? parseFloat(res[2]) / 100 : 0;\n const l = res ? parseFloat(res[3]) / 100 : 0;\n\n var r, g, b;\n\n if (s === 0) {\n r = g = b = l; // achromatic\n } else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1 / 3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1 / 3);\n }\n\n return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(\n b * 255\n )})`;\n}\n\nexport default function CurrentAnimatedItem({\n currentItem,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n}) {\n const ellipseAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'ellipse'\n ? currentItem.value.data\n : { cx: -10, cy: -10, rx: 0, ry: 0 };\n\n return {\n cx: coordinates.cx,\n cy: coordinates.cy,\n rx: coordinates.rx,\n ry: coordinates.ry,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'ellipse' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'ellipse'\n ? currentItem.value.strokeWidth\n : 0,\n marker: 'url(#selection)',\n };\n }, [currentItem.value]);\n\n const singleHeadAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'singleHead'\n ? currentItem.value.data\n : { x1: -10, y1: -10, x2: -10, y2: -10 };\n return {\n x1: coordinates.x1,\n y1: coordinates.y1,\n x2: coordinates.x2,\n y2: coordinates.y2,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'singleHead' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'singleHead'\n ? currentItem.value.strokeWidth\n : 0,\n markerEnd: 'arrowhead',\n };\n }, [currentItem.value]);\n\n const doubleHeadAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'doubleHead'\n ? currentItem.value.data\n : { x1: -10, y1: -10, x2: -10, y2: -10 };\n\n return {\n x1: coordinates.x1,\n y1: coordinates.y1,\n x2: coordinates.x2,\n y2: coordinates.y2,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'doubleHead' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'doubleHead'\n ? currentItem.value.strokeWidth\n : 0,\n markerStart: 'side',\n markerEnd: 'side',\n };\n }, [currentItem.value]);\n\n const rectangleAnimatedProps = useAnimatedProps(() => {\n const coordinates =\n currentItem.value?.type === 'rectangle'\n ? currentItem.value.data\n : { x: -10, y: -10, width: 0, height: 0 };\n return {\n x: coordinates.x,\n y: coordinates.y,\n width: coordinates.width,\n height: coordinates.height,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'rectangle' ? 1 : 0,\n strokeWidth:\n currentItem.value?.type === 'rectangle'\n ? currentItem.value.strokeWidth\n : 0,\n\n marker: 'url(#selection)',\n };\n }, [currentItem.value]);\n\n const penAnimatedProps = useAnimatedProps(() => {\n const d = pointsToPath(\n currentItem.value?.type === 'pen'\n ? currentItem.value.data\n : [{ x: -10, y: -10 }]\n );\n return {\n d: d,\n strokeWidth:\n currentItem.value?.type === 'pen' ? currentItem.value.strokeWidth : 0,\n stroke: hslToRgb(currentItem.value?.color \|\| 'hsl(0, 0%, 0%)'),\n opacity: currentItem.value?.type === 'pen' ? 1 : 0,\n markerStart: 'selection',\n markerEnd: 'selection',\n };\n }, [currentItem.value]);\n\n return (\n <>\n <AnimatedEllipse animatedProps={ellipseAnimatedProps} />\n <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n <AnimatedLine animatedProps={singleHeadAnimatedProps} />\n </G>\n <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n <AnimatedLine animatedProps={doubleHeadAnimatedProps} />\n </G>\n <AnimatedRectangle animatedProps={rectangleAnimatedProps} />\n <AnimatedPath animatedProps={penAnimatedProps} />\n </>\n );\n}\n"],"mappings":"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"}

package/lib/module/components/DrawCore/CurrentAnimatedText.js CHANGED Viewed

@@ -35,12 +35,13 @@ const styles = StyleSheet.create({
  * So we cannot embed this component directly in the Svg
  */
-export default function CurrentAnimatedText({
-  currentItem,
-  onHeightChange
-}) {
+export default function CurrentAnimatedText(_ref) {
   var _currentItem$value, _currentItem$value4;
+  let {
+    currentItem,
+    onHeightChange
+  } = _ref;
   const [text, setText] = useState(((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'text' ? currentItem.value.text || '' : '');
   useDerivedValue(() => {
     var _currentItem$value2;

package/lib/module/components/DrawCore/CurrentAnimatedText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["CurrentAnimatedText.tsx"],"~~names":["React","useState","StyleSheet","View","Animated","runOnJS","useAnimatedStyle","useDerivedValue","styles","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","value","type","textAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"~~mappings~~":"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","sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated, {\n runOnJS,\n useAnimatedStyle,\n useDerivedValue,\n} from 'react-native-reanimated';\nimport type { DrawItem } from '../../types';\n\nconst styles = StyleSheet.create({\n textBackground: {\n marginHorizontal: 10,\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n borderRadius: 10,\n paddingVertical: 13,\n paddingHorizontal: 18,\n },\n markerContainerLeft: {\n position: 'absolute',\n left: 5,\n height: '100%',\n justifyContent: 'center',\n },\n markerContainerRight: {\n position: 'absolute',\n right: 5,\n height: '100%',\n justifyContent: 'center',\n },\n marker: {\n width: 10,\n height: 10,\n borderRadius: 10,\n backgroundColor: '#3a6cff',\n borderWidth: 1,\n borderColor: 'white',\n },\n});\n\n/*\n There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)\n * So we cannot embed this component directly in the Svg\n */\nexport default function CurrentAnimatedText({\n currentItem,\n onHeightChange,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n onHeightChange: (height: number) => void;\n}) {\n const [text, setText] = useState(\n currentItem.value?.type === 'text' ? currentItem.value.text \|\| '' : ''\n );\n\n useDerivedValue(() => {\n runOnJS(setText)(\n currentItem.value?.type === 'text' ? currentItem.value.text \|\| '' : ''\n );\n }, [currentItem.value]);\n\n const textAnimatedStyle = useAnimatedStyle(() => {\n return {\n fontSize: 16 + (currentItem.value?.strokeWidth ?? 0),\n color: 'white',\n };\n }, [currentItem.value?.strokeWidth]);\n\n const containerStyle = useAnimatedStyle(() => {\n return {\n opacity: currentItem.value?.type === 'text' ? 1 : 0,\n height: currentItem.value?.type === 'text' ? 'auto' : -10,\n width:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.width === 'string'\n ? parseFloat(currentItem.value.data.width)\n : currentItem.value.data.width)) \|\|\n 0,\n position: 'absolute',\n top: 0,\n left: 0,\n transform: [\n {\n translateX:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.x === 'string'\n ? parseFloat(currentItem.value.data.x)\n : currentItem.value.data.x)) \|\|\n 0,\n },\n {\n translateY:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.y === 'string'\n ? parseFloat(currentItem.value.data.y)\n : currentItem.value.data.y)) \|\|\n 0,\n },\n ],\n };\n }, [currentItem.value]);\n\n return (\n <Animated.View style={containerStyle}>\n <View\n style={styles.textBackground}\n onLayout={(event) => {\n onHeightChange(event.nativeEvent.layout.height);\n }}\n >\n <Animated.Text style={textAnimatedStyle}>{text}</Animated.Text>\n </View>\n <View style={styles.markerContainerLeft}>\n <View style={styles.marker} />\n </View>\n <View style={styles.markerContainerRight}>\n <View style={styles.marker} />\n </View>\n </Animated.View>\n );\n}\n"]}
1	+ {"version":3,"names":["React","useState","StyleSheet","View","Animated","runOnJS","useAnimatedStyle","useDerivedValue","styles","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","value","type","textAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sources":["CurrentAnimatedText.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated, {\n runOnJS,\n useAnimatedStyle,\n useDerivedValue,\n} from 'react-native-reanimated';\nimport type { DrawItem } from '../../types';\n\nconst styles = StyleSheet.create({\n textBackground: {\n marginHorizontal: 10,\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n borderRadius: 10,\n paddingVertical: 13,\n paddingHorizontal: 18,\n },\n markerContainerLeft: {\n position: 'absolute',\n left: 5,\n height: '100%',\n justifyContent: 'center',\n },\n markerContainerRight: {\n position: 'absolute',\n right: 5,\n height: '100%',\n justifyContent: 'center',\n },\n marker: {\n width: 10,\n height: 10,\n borderRadius: 10,\n backgroundColor: '#3a6cff',\n borderWidth: 1,\n borderColor: 'white',\n },\n});\n\n/*\n There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)\n * So we cannot embed this component directly in the Svg\n */\nexport default function CurrentAnimatedText({\n currentItem,\n onHeightChange,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n onHeightChange: (height: number) => void;\n}) {\n const [text, setText] = useState(\n currentItem.value?.type === 'text' ? currentItem.value.text \|\| '' : ''\n );\n\n useDerivedValue(() => {\n runOnJS(setText)(\n currentItem.value?.type === 'text' ? currentItem.value.text \|\| '' : ''\n );\n }, [currentItem.value]);\n\n const textAnimatedStyle = useAnimatedStyle(() => {\n return {\n fontSize: 16 + (currentItem.value?.strokeWidth ?? 0),\n color: 'white',\n };\n }, [currentItem.value?.strokeWidth]);\n\n const containerStyle = useAnimatedStyle(() => {\n return {\n opacity: currentItem.value?.type === 'text' ? 1 : 0,\n height: currentItem.value?.type === 'text' ? 'auto' : -10,\n width:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.width === 'string'\n ? parseFloat(currentItem.value.data.width)\n : currentItem.value.data.width)) \|\|\n 0,\n position: 'absolute',\n top: 0,\n left: 0,\n transform: [\n {\n translateX:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.x === 'string'\n ? parseFloat(currentItem.value.data.x)\n : currentItem.value.data.x)) \|\|\n 0,\n },\n {\n translateY:\n (currentItem.value?.type === 'text' &&\n (typeof currentItem.value.data.y === 'string'\n ? parseFloat(currentItem.value.data.y)\n : currentItem.value.data.y)) \|\|\n 0,\n },\n ],\n };\n }, [currentItem.value]);\n\n return (\n <Animated.View style={containerStyle}>\n <View\n style={styles.textBackground}\n onLayout={(event) => {\n onHeightChange(event.nativeEvent.layout.height);\n }}\n >\n <Animated.Text style={textAnimatedStyle}>{text}</Animated.Text>\n </View>\n <View style={styles.markerContainerLeft}>\n <View style={styles.marker} />\n </View>\n <View style={styles.markerContainerRight}>\n <View style={styles.marker} />\n </View>\n </Animated.View>\n );\n}\n"],"mappings":"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"}

package/lib/module/components/DrawCore/DrawPad.js CHANGED Viewed

@@ -4,12 +4,13 @@ import CurrentAnimatedItem from './CurrentAnimatedItem';
 import CurrentAnimatedText from './CurrentAnimatedText';
 import Item from './Item';
-const DrawPad = ({
-  currentItem,
-  doneItems,
-  onPressItem,
-  onTextHeightChange
-}) => {
+const DrawPad = _ref => {
+  let {
+    currentItem,
+    doneItems,
+    onPressItem,
+    onTextHeightChange
+  } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, {
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Circle, {

package/lib/module/components/DrawCore/DrawPad.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["DrawPad.tsx"],"~~names":["React","Svg","Circle","Defs","Marker","Polyline","Use","CurrentAnimatedItem","CurrentAnimatedText","Item","DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","map","item","index"],"~~mappings~~":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,GAAP,IACEC,MADF,EAEEC,IAFF,EAGEC,MAHF,EAKEC,QALF,EAMEC,GANF,QAOO,kBAPP;AAQA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,IAAP,MAAiB,QAAjB;;AAGA,MAAMC,OAAO,GAAG,CAAC;AACfC,EAAAA,WADe;AAEfC,EAAAA,SAFe;AAGfC,EAAAA,WAHe;AAIfC,EAAAA;AAJe,CAAD,KAUV;AACJ,sBACE,uDACE,oBAAC,GAAD;AAAK,IAAA,QAAQ,EAAC;AAAd,kBACE,oBAAC,IAAD,qBACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,oBADL;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,CAAC,EAAE,CAHL;AAIE,IAAA,EAAE,EAAE,CAJN;AAKE,IAAA,EAAE,EAAE,CALN;AAME,IAAA,WAAW,EAAE,CANf;AAOE,IAAA,MAAM,EAAC;AAPT,IADF,eAUE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,WAAW,EAAE,aAFf;AAGE,IAAA,IAAI,EAAC,GAHP;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,IAAA,MAAM,EAAC;AALT,kBAOE,oBAAC,QAAD;AACE,IAAA,MAAM,EAAC,oBADT;AAEE,IAAA,MAAM,EAAC,gBAFT;AAGE,IAAA,aAAa,EAAC,OAHhB;AAIE,IAAA,cAAc,EAAC;AAJjB,IAPF,CAVF,eAyBE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,WAAW,EAAE,aAFf;AAGE,IAAA,IAAI,EAAC,GAHP;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,IAAA,MAAM,EAAC;AALT,kBAOE,oBAAC,QAAD;AACE,IAAA,MAAM,EAAC,gBADT;AAEE,IAAA,MAAM,EAAC,cAFT;AAGE,IAAA,aAAa,EAAC,OAHhB;AAIE,IAAA,cAAc,EAAC;AAJjB,IAPF,CAzBF,eAwCE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,IAAA,WAAW,EAAE,gBAFf;AAGE,IAAA,IAAI,EAAC,GAHP;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,IAAA,MAAM,EAAC;AALT,kBAOE,oBAAC,GAAD;AAAK,IAAA,IAAI,EAAC;AAAV,IAPF,CAxCF,CADF,EAoDGF,SAAS,CAACG,GAAV,CAAc,CAACC,IAAD,EAAOC,KAAP,kBACb,oBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,KAAX;AAAkB,IAAA,IAAI,EAAED,IAAxB;AAA8B,IAAA,OAAO,EAAEH,WAAW,CAACG,IAAD,EAAOC,KAAP;AAAlD,IADD,CApDH,eAwDE,oBAAC,mBAAD;AAAqB,IAAA,WAAW,EAAEN;AAAlC,IAxDF,CADF,eA4DE,oBAAC,mBAAD;AACE,IAAA,WAAW,EAAEA,WADf;AAEE,IAAA,cAAc,EAAEG;AAFlB,IA5DF,CADF;AAmED,CA9ED;;AAgFA,eAAeJ,OAAf","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport Svg, {\n Circle,\n Defs,\n Marker,\n MarkerUnits,\n Polyline,\n Use,\n} from 'react-native-svg';\nimport CurrentAnimatedItem from './CurrentAnimatedItem';\nimport CurrentAnimatedText from './CurrentAnimatedText';\nimport Item from './Item';\nimport type { DrawItem } from '../../types';\n\nconst DrawPad = ({\n currentItem,\n doneItems,\n onPressItem,\n onTextHeightChange,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n doneItems: Array<DrawItem>;\n onPressItem: (item: DrawItem, index: number) => () => void;\n onTextHeightChange: (height: number) => void;\n}) => {\n return (\n <>\n <Svg fillRule=\"evenodd\">\n <Defs>\n <Circle\n id=\"selectionIndicator\"\n fill=\"#3a6cff\"\n r={5}\n cx={0}\n cy={0}\n strokeWidth={1}\n stroke=\"white\"\n />\n <Marker\n id=\"arrowhead\"\n markerUnits={'strokeWidth' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Polyline\n points=\"-2,-2 0,0 -2,2 0,0\"\n stroke=\"context-stroke\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Marker>\n\n <Marker\n id=\"side\"\n markerUnits={'strokeWidth' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Polyline\n stroke=\"context-stroke\"\n points=\"0,-2 0,2 0,0\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Marker>\n\n <Marker\n id=\"selection\"\n markerUnits={'userSpaceOnUse' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Use href=\"#selectionIndicator\" />\n </Marker>\n </Defs>\n\n {doneItems.map((item, index) => (\n <Item key={index} item={item} onPress={onPressItem(item, index)} />\n ))}\n\n <CurrentAnimatedItem currentItem={currentItem} />\n </Svg>\n\n <CurrentAnimatedText\n currentItem={currentItem}\n onHeightChange={onTextHeightChange}\n />\n </>\n );\n};\n\nexport default DrawPad;\n"]}
1	+ {"version":3,"names":["React","Svg","Circle","Defs","Marker","Polyline","Use","CurrentAnimatedItem","CurrentAnimatedText","Item","DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","map","item","index"],"sources":["DrawPad.tsx"],"sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport Svg, {\n Circle,\n Defs,\n Marker,\n MarkerUnits,\n Polyline,\n Use,\n} from 'react-native-svg';\nimport CurrentAnimatedItem from './CurrentAnimatedItem';\nimport CurrentAnimatedText from './CurrentAnimatedText';\nimport Item from './Item';\nimport type { DrawItem } from '../../types';\n\nconst DrawPad = ({\n currentItem,\n doneItems,\n onPressItem,\n onTextHeightChange,\n}: {\n currentItem: Animated.SharedValue<DrawItem \| null>;\n doneItems: Array<DrawItem>;\n onPressItem: (item: DrawItem, index: number) => () => void;\n onTextHeightChange: (height: number) => void;\n}) => {\n return (\n <>\n <Svg fillRule=\"evenodd\">\n <Defs>\n <Circle\n id=\"selectionIndicator\"\n fill=\"#3a6cff\"\n r={5}\n cx={0}\n cy={0}\n strokeWidth={1}\n stroke=\"white\"\n />\n <Marker\n id=\"arrowhead\"\n markerUnits={'strokeWidth' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Polyline\n points=\"-2,-2 0,0 -2,2 0,0\"\n stroke=\"context-stroke\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Marker>\n\n <Marker\n id=\"side\"\n markerUnits={'strokeWidth' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Polyline\n stroke=\"context-stroke\"\n points=\"0,-2 0,2 0,0\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Marker>\n\n <Marker\n id=\"selection\"\n markerUnits={'userSpaceOnUse' as MarkerUnits}\n refX=\"0\"\n refY=\"0\"\n orient=\"auto\"\n >\n <Use href=\"#selectionIndicator\" />\n </Marker>\n </Defs>\n\n {doneItems.map((item, index) => (\n <Item key={index} item={item} onPress={onPressItem(item, index)} />\n ))}\n\n <CurrentAnimatedItem currentItem={currentItem} />\n </Svg>\n\n <CurrentAnimatedText\n currentItem={currentItem}\n onHeightChange={onTextHeightChange}\n />\n </>\n );\n};\n\nexport default DrawPad;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,GAAP,IACEC,MADF,EAEEC,IAFF,EAGEC,MAHF,EAKEC,QALF,EAMEC,GANF,QAOO,kBAPP;AAQA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,IAAP,MAAiB,QAAjB;;AAGA,MAAMC,OAAO,GAAG,QAUV;EAAA,IAVW;IACfC,WADe;IAEfC,SAFe;IAGfC,WAHe;IAIfC;EAJe,CAUX;EACJ,oBACE,uDACE,oBAAC,GAAD;IAAK,QAAQ,EAAC;EAAd,gBACE,oBAAC,IAAD,qBACE,oBAAC,MAAD;IACE,EAAE,EAAC,oBADL;IAEE,IAAI,EAAC,SAFP;IAGE,CAAC,EAAE,CAHL;IAIE,EAAE,EAAE,CAJN;IAKE,EAAE,EAAE,CALN;IAME,WAAW,EAAE,CANf;IAOE,MAAM,EAAC;EAPT,EADF,eAUE,oBAAC,MAAD;IACE,EAAE,EAAC,WADL;IAEE,WAAW,EAAE,aAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,QAAD;IACE,MAAM,EAAC,oBADT;IAEE,MAAM,EAAC,gBAFT;IAGE,aAAa,EAAC,OAHhB;IAIE,cAAc,EAAC;EAJjB,EAPF,CAVF,eAyBE,oBAAC,MAAD;IACE,EAAE,EAAC,MADL;IAEE,WAAW,EAAE,aAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,QAAD;IACE,MAAM,EAAC,gBADT;IAEE,MAAM,EAAC,cAFT;IAGE,aAAa,EAAC,OAHhB;IAIE,cAAc,EAAC;EAJjB,EAPF,CAzBF,eAwCE,oBAAC,MAAD;IACE,EAAE,EAAC,WADL;IAEE,WAAW,EAAE,gBAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,GAAD;IAAK,IAAI,EAAC;EAAV,EAPF,CAxCF,CADF,EAoDGF,SAAS,CAACG,GAAV,CAAc,CAACC,IAAD,EAAOC,KAAP,kBACb,oBAAC,IAAD;IAAM,GAAG,EAAEA,KAAX;IAAkB,IAAI,EAAED,IAAxB;IAA8B,OAAO,EAAEH,WAAW,CAACG,IAAD,EAAOC,KAAP;EAAlD,EADD,CApDH,eAwDE,oBAAC,mBAAD;IAAqB,WAAW,EAAEN;EAAlC,EAxDF,CADF,eA4DE,oBAAC,mBAAD;IACE,WAAW,EAAEA,WADf;IAEE,cAAc,EAAEG;EAFlB,EA5DF,CADF;AAmED,CA9ED;;AAgFA,eAAeJ,OAAf"}

package/lib/module/components/DrawCore/Item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
@@ -18,10 +18,12 @@ const styles = StyleSheet.create({
     color: 'white'
   }
 });
-export default function Item({
-  item,
-  onPress
-}) {
+export default function Item(_ref) {
+  let {
+    item,
+    onPress
+  } = _ref;
   switch (item.type) {
     case 'singleHead':
       return /*#__PURE__*/React.createElement(G, {

package/lib/module/components/DrawCore/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Item.tsx"],"~~names":["React","View","Text","StyleSheet","G","Line","Ellipse","Rect","Path","ForeignObject","pointsToPath","styles","create","textZone","paddingHorizontal","textContainer","backgroundColor","borderRadius","paddingVertical","text","color","Item","item","onPress","type","data","strokeWidth","x","y","width","fontSize"],"~~mappings~~":"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","sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { G, Line, Ellipse, Rect, Path, ForeignObject } from 'react-native-svg';\nimport type { DrawItem } from '../../types';\nimport { pointsToPath } from './CurrentAnimatedItem';\n\nconst styles = StyleSheet.create({\n textZone: {\n paddingHorizontal: 10,\n },\n textContainer: {\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n borderRadius: 10,\n paddingVertical: 13,\n paddingHorizontal: 18,\n },\n text: {\n color: 'white',\n },\n});\n\nexport default function Item({\n item,\n onPress,\n}: {\n item: DrawItem;\n onPress: () => void;\n}) {\n switch (item.type) {\n case 'singleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerEnd=\"url(#arrowhead)\"\n />\n </G>\n );\n case 'doubleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerStart=\"url(#side)\"\n markerEnd=\"url(#side)\"\n />\n </G>\n );\n case 'ellipse':\n return (\n <Ellipse\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'rectangle':\n return (\n <Rect\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'pen':\n return (\n <Path\n d={pointsToPath(item.data)}\n stroke={item.color}\n fill=\"none\"\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'text':\n return (\n <G onPress={onPress}>\n <Rect {...item.data} onPress={onPress} />\n <ForeignObject\n x={item.data.x}\n y={item.data.y}\n width={item.data.width}\n key={item.text}\n >\n <View\n style={[\n styles.textZone,\n {\n width: item.data.width,\n },\n ]}\n >\n <View style={styles.textContainer}>\n <Text\n style={[\n styles.text,\n {\n fontSize: 14 + item.strokeWidth,\n },\n ]}\n >\n {item.text}\n </Text>\n </View>\n </View>\n </ForeignObject>\n </G>\n );\n\n default:\n return null;\n }\n}\n"]}
1	+ {"version":3,"names":["React","View","Text","StyleSheet","G","Line","Ellipse","Rect","Path","ForeignObject","pointsToPath","styles","create","textZone","paddingHorizontal","textContainer","backgroundColor","borderRadius","paddingVertical","text","color","Item","item","onPress","type","data","strokeWidth","x","y","width","fontSize"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { G, Line, Ellipse, Rect, Path, ForeignObject } from 'react-native-svg';\nimport type { DrawItem } from '../../types';\nimport { pointsToPath } from './CurrentAnimatedItem';\n\nconst styles = StyleSheet.create({\n textZone: {\n paddingHorizontal: 10,\n },\n textContainer: {\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n borderRadius: 10,\n paddingVertical: 13,\n paddingHorizontal: 18,\n },\n text: {\n color: 'white',\n },\n});\n\nexport default function Item({\n item,\n onPress,\n}: {\n item: DrawItem;\n onPress: () => void;\n}) {\n switch (item.type) {\n case 'singleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerEnd=\"url(#arrowhead)\"\n />\n </G>\n );\n case 'doubleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerStart=\"url(#side)\"\n markerEnd=\"url(#side)\"\n />\n </G>\n );\n case 'ellipse':\n return (\n <Ellipse\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'rectangle':\n return (\n <Rect\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'pen':\n return (\n <Path\n d={pointsToPath(item.data)}\n stroke={item.color}\n fill=\"none\"\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'text':\n return (\n <G onPress={onPress}>\n <Rect {...item.data} onPress={onPress} />\n <ForeignObject\n x={item.data.x}\n y={item.data.y}\n width={item.data.width}\n key={item.text}\n >\n <View\n style={[\n styles.textZone,\n {\n width: item.data.width,\n },\n ]}\n >\n <View style={styles.textContainer}>\n <Text\n style={[\n styles.text,\n {\n fontSize: 14 + item.strokeWidth,\n },\n ]}\n >\n {item.text}\n </Text>\n </View>\n </View>\n </ForeignObject>\n </G>\n );\n\n default:\n return null;\n }\n}\n"],"mappings":"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"}