@lincle/react-native-interactive 0.4.0-next.18 → 0.4.0-next.19

package/dist/cjs/base.js

@@ -1,2 +1,12 @@
-export { Edge, Edges, Graph, Grid, Node, Nodes, Path } from '@lincle/react-native-base';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Path = exports.Nodes = exports.Node = exports.Grid = exports.Graph = exports.Edges = exports.Edge = void 0;
+var react_native_base_1 = require("@lincle/react-native-base");
+Object.defineProperty(exports, "Edge", { enumerable: true, get: function () { return react_native_base_1.Edge; } });
+Object.defineProperty(exports, "Edges", { enumerable: true, get: function () { return react_native_base_1.Edges; } });
+Object.defineProperty(exports, "Graph", { enumerable: true, get: function () { return react_native_base_1.Graph; } });
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return react_native_base_1.Grid; } });
+Object.defineProperty(exports, "Node", { enumerable: true, get: function () { return react_native_base_1.Node; } });
+Object.defineProperty(exports, "Nodes", { enumerable: true, get: function () { return react_native_base_1.Nodes; } });
+Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return react_native_base_1.Path; } });
 //# sourceMappingURL=base.js.map

package/dist/cjs/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACL,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":";;;AAAA,+DAQmC;AAPjC,yGAAA,IAAI,OAAA;AACJ,0GAAA,KAAK,OAAA;AACL,0GAAA,KAAK,OAAA;AACL,yGAAA,IAAI,OAAA;AACJ,yGAAA,IAAI,OAAA;AACJ,0GAAA,KAAK,OAAA;AACL,yGAAA,IAAI,OAAA"}

package/dist/cjs/components/Edge/Path/index.js

@@ -1,2 +1,6 @@
-export { Path } from '../../../base';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Path = void 0;
+var base_1 = require("../../../base");
+Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return base_1.Path; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Edge/Path/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":";;;AAAA,sCAEuB;AADrB,4FAAA,IAAI,OAAA"}

package/dist/cjs/components/Edge/index.js

@@ -1,3 +1,8 @@
-export { Edge } from '../../base';
-export { Path } from './Path';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Path = exports.Edge = void 0;
+var base_1 = require("../../base");
+Object.defineProperty(exports, "Edge", { enumerable: true, get: function () { return base_1.Edge; } });
+var Path_1 = require("./Path");
+Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return Path_1.Path; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Edge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,IAAI,EACL,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";;;AAAA,mCAEoB;AADlB,4FAAA,IAAI,OAAA;AAEN,+BAEgB;AADd,4FAAA,IAAI,OAAA"}

package/dist/cjs/components/Edges/Connections/index.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Marker, useConnections } from '../../../shared';
-import { Path } from '../../Edge';
-import { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { Defs, G, Svg } from 'react-native-svg';
-const { svgStyle } = StyleSheet.create({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../../shared");
+const Edge_1 = require("../../Edge");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const { svgStyle } = react_native_1.StyleSheet.create({
     svgStyle: {
         height: '100%',
         overflow: 'visible',
@@ -22,16 +24,16 @@ const Connections = ({ scale = 1, translate = {
     x: 0,
     y: 0
 } }) => {
-    const connections = useConnections();
-    const paths = useMemo(() => {
+    const connections = (0, shared_1.useConnections)();
+    const paths = (0, react_1.useMemo)(() => {
         return Object.keys(connections).map((sourceId) => {
             const { line, source, target } = connections[sourceId] ?? {};
-            return (_jsx(Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
+            return ((0, jsx_runtime_1.jsx)(Edge_1.Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
         });
     }, [
         connections
     ]);
-    const translateXYZ = useMemo(() => {
+    const translateXYZ = (0, react_1.useMemo)(() => {
         const tx = translate.x;
         const ty = translate.y;
         const tz = scale;
@@ -41,8 +43,8 @@ const Connections = ({ scale = 1, translate = {
         translate.y,
         scale
     ]);
-    return (_jsx(Svg, { style: svgStyle, children: _jsxs(G, { transform: translateXYZ, children: [_jsx(Defs, { children: _jsx(Marker, {}) }), paths] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { style: svgStyle, children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { transform: translateXYZ, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(shared_1.Marker, {}) }), paths] }) }));
 };
 Connections.displayName = 'LincleInteractiveConnections';
-export default Connections;
+exports.default = Connections;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Edges/Connections/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,CAAC,EACD,GAAG,EACJ,MAAM,kBAAkB,CAAC;AAE1B,MAAM,EACJ,QAAQ,EACT,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CACjC,CACE,QAAQ,EACR,EAAE;YACF,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEhC,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EACzB,YAAY,EAAE,YAAY,EAE1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAHT,QAAQ,CAIb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,KAAK,CAAC;QAEjB,OAAO,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC;IAChD,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE,QAAQ,YAEf,MAAC,CAAC,IACA,SAAS,EAAE,YAAY,aAEvB,KAAC,IAAI,cACH,KAAC,MAAM,KAAG,GACL,EACN,KAAK,IACJ,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":";;;AAAA,4CAIyB;AACzB,qCAEoB;AACpB,iCAGe;AACf,+CAEsB;AACtB,uDAI0B;AAE1B,MAAM,EACJ,QAAQ,EACT,GAAG,yBAAU,CAAC,MAAM,CAAC;IACpB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,uBAAc,GAAE,CAAC;IAErC,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CACjC,CACE,QAAQ,EACR,EAAE;YACF,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEhC,OAAO,CACL,uBAAC,WAAI,IACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EACzB,YAAY,EAAE,YAAY,EAE1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAHT,QAAQ,CAIb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,KAAK,CAAC;QAEjB,OAAO,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC;IAChD,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,sBAAG,IACF,KAAK,EAAE,QAAQ,YAEf,wBAAC,oBAAC,IACA,SAAS,EAAE,YAAY,aAEvB,uBAAC,uBAAI,cACH,uBAAC,eAAM,KAAG,GACL,EACN,KAAK,IACJ,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/Edges/index.js

@@ -1,9 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Edges as BaseEdges } from '../../base';
-import { useScale, useTranslate } from '../../shared';
-import Connections from './Connections';
-import { StyleSheet, View } from 'react-native';
-const { edgesStyle } = StyleSheet.create({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Edges = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const base_1 = require("../../base");
+const shared_1 = require("../../shared");
+const Connections_1 = __importDefault(require("./Connections"));
+const react_native_1 = require("react-native");
+const { edgesStyle } = react_native_1.StyleSheet.create({
     edgesStyle: {
         height: '100%',
         pointerEvents: 'box-none',
@@ -12,10 +18,10 @@ const { edgesStyle } = StyleSheet.create({
     }
 });
 const Edges = ({ children, ...props }) => {
-    const scale = useScale();
-    const translate = useTranslate();
-    return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, { scale: scale, translate: translate, ...props, children: children }), _jsx(Connections, { scale: scale, translate: translate })] }));
+    const scale = (0, shared_1.useScale)();
+    const translate = (0, shared_1.useTranslate)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: edgesStyle, children: [(0, jsx_runtime_1.jsx)(base_1.Edges, { scale: scale, translate: translate, ...props, children: children }), (0, jsx_runtime_1.jsx)(Connections_1.default, { scale: scale, translate: translate })] }));
 };
+exports.Edges = Edges;
 Edges.displayName = 'LincleInteractiveEdges';
-export { Edges };
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Edges/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,SAAS,EACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,QAAQ,EACR,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,eAAe,CAAC;AAIxC,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,EACJ,UAAU,EACX,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,aAEjB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACC,EACZ,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAEoB;AACpB,yCAIsB;AACtB,gEAAwC;AAIxC,+CAGsB;AAEtB,MAAM,EACJ,UAAU,EACX,GAAG,yBAAU,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IAEjC,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE,UAAU,aAEjB,uBAAC,YAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACC,EACZ,uBAAC,qBAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/cjs/components/Graph/Grid/index.js

@@ -1,34 +1,36 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid as GridBase } from '../../../base';
-import { useMode, useScale, useTranslate } from '../../../shared';
-import { useMemo } from 'react';
-import { Circle, Line } from 'react-native-svg';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const base_1 = require("../../../base");
+const shared_1 = require("../../../shared");
+const react_1 = require("react");
+const react_native_svg_1 = require("react-native-svg");
 const WIDTH = 0.4;
 const Grid = ({ children }) => {
-    const scale = useScale();
-    const translate = useTranslate();
-    const mode = useMode();
-    const line = useMemo(() => {
+    const scale = (0, shared_1.useScale)();
+    const translate = (0, shared_1.useTranslate)();
+    const mode = (0, shared_1.useMode)();
+    const line = (0, react_1.useMemo)(() => {
         const t1 = 1 + scale;
         const t2 = 4 * scale;
-        return (_jsx(Line, { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t1, y2: t2 }));
+        return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Line, { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t1, y2: t2 }));
     }, [
         scale
     ]);
-    const plus = useMemo(() => {
+    const plus = (0, react_1.useMemo)(() => {
         const t1 = scale;
         const t2 = 4 * scale;
-        return (_jsxs(_Fragment, { children: [_jsx(Line, { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t2, y2: t2 }), _jsx(Line, { stroke: 'black', strokeWidth: WIDTH, x1: t2, x2: t2, y1: t1, y2: t2 })] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Line, { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t2, y2: t2 }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Line, { stroke: 'black', strokeWidth: WIDTH, x1: t2, x2: t2, y1: t1, y2: t2 })] }));
     }, [
         scale
     ]);
-    const circle = useMemo(() => {
+    const circle = (0, react_1.useMemo)(() => {
         const t2 = 4 * scale;
-        return (_jsx(Circle, { cx: t2, cy: t2, fill: 'black', r: WIDTH }));
+        return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: t2, cy: t2, fill: 'black', r: WIDTH }));
     }, [
         scale
     ]);
-    const child = useMemo(() => {
+    const child = (0, react_1.useMemo)(() => {
         if (!children) {
             switch (mode) {
                 case 'move': {
@@ -50,8 +52,8 @@ const Grid = ({ children }) => {
         mode,
         plus
     ]);
-    return (_jsx(GridBase, { scale: scale, xOffset: translate.x, yOffset: translate.y, children: child }));
+    return ((0, jsx_runtime_1.jsx)(base_1.Grid, { scale: scale, xOffset: translate.x, yOffset: translate.y, children: child }));
 };
 Grid.displayName = 'LincleInteractiveGrid';
-export default Grid;
+exports.default = Grid;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Graph/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":";;;AAAA,wCAEuB;AACvB,4CAKyB;AACzB,iCAGe;AACf,uDAG0B;AAE1B,MAAM,KAAK,GAAG,GAAG,CAAC;AAElB,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,IAAI,GAAG,IAAA,gBAAO,GAAE,CAAC;IAEvB,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QACrB,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,uBAAC,uBAAI,IACH,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,CACH,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,KAAK,CAAC;QACjB,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,6DACE,uBAAC,uBAAI,IACH,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,EACF,uBAAC,uBAAI,IACH,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,IACD,CACJ,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,uBAAC,yBAAM,IACL,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,CAAC,EAAE,KAAK,GACR,CACH,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EAEnB,GAAG,EAAE;QACH,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEd,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,MAAM,CAAC,CAAC,CAAC;oBACZ,OAAO,MAAM,CAAC;gBAChB,CAAC;gBAED,KAAK,MAAM,CAAC,CAAC,CAAC;oBACZ,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,KAAK,QAAQ,CAAC,CAAC,CAAC;oBACd,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EACD;QACE,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,IAAI;QACJ,IAAI;KACL,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,WAAQ,IACP,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,CAAC,EACpB,OAAO,EAAE,SAAS,CAAC,CAAC,YAEnB,KAAK,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE3C,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Graph/index.js

@@ -1,7 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GraphBase, Providers } from '../../shared';
-import Interaction from '../Interaction';
-import Grid from './Grid';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Graph = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const Interaction_1 = __importDefault(require("../Interaction"));
+const Grid_1 = __importDefault(require("./Grid"));
 const Graph = ({ children, edgeFrequency, grid, id, line, maxScale, minScale, mode, move, nodeFrequency, nodeHeight, nodeWidth, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop, onScale, onTranslate, pan, pull, scale, shape, showGrid, snap, translate, zoom }) => {
     if (!id) {
         console.error('No ID provided to @lincle/interactive Graph!');
@@ -9,9 +15,9 @@ const Graph = ({ children, edgeFrequency, grid, id, line, maxScale, minScale, mo
     }
     const gird = showGrid === false ?
         null :
-        _jsx(Grid, {});
-    return (_jsx(GraphBase, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, showGrid: false, children: _jsxs(Providers, { maxScale: maxScale, minScale: minScale, mode: mode, move: move, onNodeDrag: onNodeDrag, onNodeEdgeDrop: onNodeEdgeDrop, onNodeSelect: onNodeSelect, onNodeStart: onNodeStart, onNodeStop: onNodeStop, onScale: onScale, onTranslate: onTranslate, pan: pan, pull: pull, scale: scale, snap: snap, translate: translate, zoom: zoom, children: [gird, _jsx(Interaction, {}), children] }) }));
+        (0, jsx_runtime_1.jsx)(Grid_1.default, {});
+    return ((0, jsx_runtime_1.jsx)(shared_1.GraphBase, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, showGrid: false, children: (0, jsx_runtime_1.jsxs)(shared_1.Providers, { maxScale: maxScale, minScale: minScale, mode: mode, move: move, onNodeDrag: onNodeDrag, onNodeEdgeDrop: onNodeEdgeDrop, onNodeSelect: onNodeSelect, onNodeStart: onNodeStart, onNodeStop: onNodeStop, onScale: onScale, onTranslate: onTranslate, pan: pan, pull: pull, scale: scale, snap: snap, translate: translate, zoom: zoom, children: [gird, (0, jsx_runtime_1.jsx)(Interaction_1.default, {}), children] }) }));
 };
+exports.Graph = Graph;
 Graph.displayName = 'LincleInteractiveGraph';
-export { Graph };
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAK1B,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACL,EAAE,EAAE;IACH,IACE,CAAC,EAAE,EACH,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,CAAC;QACN,KAAC,IAAI,KAAG,CAAC;IAEX,OAAO,CACL,KAAC,SAAS,IACR,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,YAEf,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,aAET,IAAI,EACL,KAAC,WAAW,KAAG,EACd,QAAQ,IACC,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,yCAIsB;AACtB,iEAAyC;AACzC,kDAA0B;AAK1B,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACL,EAAE,EAAE;IACH,IACE,CAAC,EAAE,EACH,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,CAAC;QACN,uBAAC,cAAI,KAAG,CAAC;IAEX,OAAO,CACL,uBAAC,kBAAS,IACR,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,YAEf,wBAAC,kBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,aAET,IAAI,EACL,uBAAC,qBAAW,KAAG,EACd,QAAQ,IACC,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/cjs/components/Interaction/index.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMode, useOnMode, useOnScale, useOnTranslateThrottle, useScale, useTranslate } from '../../shared';
-import { ReactNativeZoomableView } from '@openspacelabs/react-native-zoomable-view';
-import { useCallback, useEffect, useRef } from 'react';
-import { StyleSheet, View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const react_native_zoomable_view_1 = require("@openspacelabs/react-native-zoomable-view");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
 const CLICK_TIME = 500;
 const useDoubleTap = () => {
-    const timer = useRef(null);
-    useEffect(() => {
+    const timer = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         return () => {
             if (timer.current) {
                 clearTimeout(timer.current);
@@ -14,7 +16,7 @@ const useDoubleTap = () => {
             }
         };
     }, []);
-    return useCallback((callback, threshold = CLICK_TIME) => {
+    return (0, react_1.useCallback)((callback, threshold = CLICK_TIME) => {
         if (timer.current) {
             clearTimeout(timer.current);
             timer.current = null;
@@ -27,7 +29,7 @@ const useDoubleTap = () => {
         }
     }, []);
 };
-const styles = StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     container: {
         bottom: 0,
         height: '100%',
@@ -43,20 +45,20 @@ const styles = StyleSheet.create({
     }
 });
 const Interaction = ({ onPointerUp }) => {
-    const scale = useScale();
-    const translate = useTranslate();
-    const onScale = useOnScale();
-    const onTranslateThrottle = useOnTranslateThrottle();
-    const graphMode = useMode() ?? 'move';
-    const onMode = useOnMode();
+    const scale = (0, shared_1.useScale)();
+    const translate = (0, shared_1.useTranslate)();
+    const onScale = (0, shared_1.useOnScale)();
+    const onTranslateThrottle = (0, shared_1.useOnTranslateThrottle)();
+    const graphMode = (0, shared_1.useMode)() ?? 'move';
+    const onMode = (0, shared_1.useOnMode)();
     const handleDoubleTap = useDoubleTap();
-    const handleOnTransform = useCallback((event) => {
+    const handleOnTransform = (0, react_1.useCallback)((event) => {
         const { offsetX, offsetY, originalHeight, originalWidth, zoomLevel } = event;
         onTranslateThrottle(originalWidth, originalHeight, offsetX, offsetY, zoomLevel);
     }, [
         onTranslateThrottle
     ]);
-    const handleZoom = useCallback((_event, _gestureState, zoomableViewEventObject) => {
+    const handleZoom = (0, react_1.useCallback)((_event, _gestureState, zoomableViewEventObject) => {
         const { offsetX, offsetY, originalHeight, originalWidth, zoomLevel } = zoomableViewEventObject;
         onTranslateThrottle(originalWidth, originalHeight, offsetX, offsetY, zoomLevel);
         if (onScale) {
@@ -66,7 +68,7 @@ const Interaction = ({ onPointerUp }) => {
         onScale,
         onTranslateThrottle
     ]);
-    const handleTapEnd = useCallback(() => {
+    const handleTapEnd = (0, react_1.useCallback)(() => {
         if (onMode) {
             switch (graphMode) {
                 case 'move': {
@@ -93,7 +95,7 @@ const Interaction = ({ onPointerUp }) => {
         handleDoubleTap,
         onMode
     ]);
-    const handlePointerUp = useCallback((event) => {
+    const handlePointerUp = (0, react_1.useCallback)((event) => {
         handleTapEnd();
         if (onPointerUp) {
             onPointerUp(event);
@@ -102,8 +104,8 @@ const Interaction = ({ onPointerUp }) => {
         handleTapEnd,
         onPointerUp
     ]);
-    return (_jsx(View, { style: styles.container, children: _jsx(ReactNativeZoomableView, { bindToBorders: false, doubleTapDelay: 1, doubleTapZoomToCenter: false, initialOffsetX: translate.x, initialOffsetY: translate.y, initialZoom: scale, maxZoom: 1.5, minZoom: 0.5, movementSensibility: 1, onSingleTap: handlePointerUp, onTransform: handleOnTransform, onZoomAfter: handleZoom, panEnabled: true, style: styles.zoomable, visualTouchFeedbackEnabled: false, zoomStep: 0.5 }) }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsx)(react_native_zoomable_view_1.ReactNativeZoomableView, { bindToBorders: false, doubleTapDelay: 1, doubleTapZoomToCenter: false, initialOffsetX: translate.x, initialOffsetY: translate.y, initialZoom: scale, maxZoom: 1.5, minZoom: 0.5, movementSensibility: 1, onSingleTap: handlePointerUp, onTransform: handleOnTransform, onZoomAfter: handleZoom, panEnabled: true, style: styles.zoomable, visualTouchFeedbackEnabled: false, zoomStep: 0.5 }) }));
 };
 Interaction.displayName = 'LincleInteractiveInteraction';
-export default Interaction;
+exports.default = Interaction;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Interaction/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Interaction/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Interaction/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Node/Draggable.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Animated, Dimensions, Image, PanResponder, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
 const clamp = (number, min, max) => {
     return Math.max(min, Math.min(number, max));
 };
-const styles = StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     debugView: {
         backgroundColor: '#ff000044',
         borderColor: '#fced0ecc',
@@ -17,23 +19,23 @@ const styles = StyleSheet.create({
     }
 });
 const Draggable = ({ animatedViewProps, children, debug = false, disabled = false, imageSource, isCircle, maxX, maxY, minX, minY, onDrag, onDragRelease, onLongPress, onPressIn, onPressOut, onRelease, onShortPressRelease, renderColor, renderSize = 36, renderText = '＋', scale = 1, shouldReverse = false, touchableOpacityProps, x = 0, y = 0, zIndex = 1 }) => {
-    const pan = useRef(new Animated.ValueXY());
-    const offsetFromStart = useRef({
+    const pan = (0, react_1.useRef)(new react_native_1.Animated.ValueXY());
+    const offsetFromStart = (0, react_1.useRef)({
         x: 0,
         y: 0
     });
-    const childSize = useRef({
+    const childSize = (0, react_1.useRef)({
         x: renderSize,
         y: renderSize
     });
-    const startBounds = useRef({
+    const startBounds = (0, react_1.useRef)({
         bottom: 0,
         left: 0,
         right: 0,
         top: 0
     });
-    const isDragging = useRef(false);
-    const getBounds = useCallback(() => {
+    const isDragging = (0, react_1.useRef)(false);
+    const getBounds = (0, react_1.useCallback)(() => {
         const left = x + offsetFromStart.current.x;
         const top = y + offsetFromStart.current.y;
         return {
@@ -46,13 +48,13 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         x,
         y
     ]);
-    const shouldStartDrag = useCallback((gs) => {
+    const shouldStartDrag = (0, react_1.useCallback)((gs) => {
         return !disabled && (Math.abs(gs.dx) > 2 || Math.abs(gs.dy) > 2);
     }, [
         disabled
     ]);
-    const reversePosition = useCallback(() => {
-        Animated.spring(pan.current, {
+    const reversePosition = (0, react_1.useCallback)(() => {
+        react_native_1.Animated.spring(pan.current, {
             toValue: {
                 x: 0,
                 y: 0
@@ -62,7 +64,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
     }, [
         pan
     ]);
-    const onPanResponderRelease = useCallback((event, gestureState) => {
+    const onPanResponderRelease = (0, react_1.useCallback)((event, gestureState) => {
         isDragging.current = false;
         if (onDragRelease) {
             onDragRelease(event, gestureState, getBounds());
@@ -83,7 +85,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         reversePosition,
         shouldReverse
     ]);
-    const onPanResponderGrant = useCallback((_event, _gestureState) => {
+    const onPanResponderGrant = (0, react_1.useCallback)((_event, _gestureState) => {
         startBounds.current = getBounds();
         isDragging.current = true;
         if (!shouldReverse) {
@@ -97,7 +99,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         getBounds,
         shouldReverse
     ]);
-    const handleOnDrag = useCallback((event, gestureState) => {
+    const handleOnDrag = (0, react_1.useCallback)((event, gestureState) => {
         const { dx, dy } = gestureState;
         const { bottom, left, right, top } = startBounds.current;
         const far = 999999999;
@@ -130,8 +132,8 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         onDrag,
         scale
     ]);
-    const panResponder = useMemo(() => {
-        return PanResponder.create({
+    const panResponder = (0, react_1.useMemo)(() => {
+        return react_native_1.PanResponder.create({
             onMoveShouldSetPanResponder: (_, gestureState) => {
                 return shouldStartDrag(gestureState);
             },
@@ -139,7 +141,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
                 return shouldStartDrag(gestureState);
             },
             onPanResponderGrant,
-            onPanResponderMove: Animated.event([], {
+            onPanResponderMove: react_native_1.Animated.event([], {
                 listener: handleOnDrag,
                 useNativeDriver: false
             }),
@@ -151,7 +153,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         onPanResponderRelease,
         shouldStartDrag
     ]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const currentPan = pan.current;
         if (!shouldReverse) {
             currentPan.addListener((cp) => {
@@ -165,8 +167,8 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
     }, [
         shouldReverse
     ]);
-    const positionCss = useMemo(() => {
-        const Window = Dimensions.get('window');
+    const positionCss = (0, react_1.useMemo)(() => {
+        const Window = react_native_1.Dimensions.get('window');
         return {
             height: Window.height,
             left: 0,
@@ -176,7 +178,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         };
     }, []);
     const hasChildren = Boolean(children);
-    const dragItemCss = useMemo(() => {
+    const dragItemCss = (0, react_1.useMemo)(() => {
         const style = {
             elevation: zIndex,
             left: x,
@@ -208,30 +210,30 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         y,
         zIndex
     ]);
-    const touchableContent = useMemo(() => {
+    const touchableContent = (0, react_1.useMemo)(() => {
         if (imageSource) {
             const style = {
                 height: renderSize,
                 width: renderSize
             };
-            return (_jsx(Image, { source: imageSource, style: style }));
+            return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: imageSource, style: style }));
         }
         else {
-            return (_jsx(Text, { style: styles.text, children: renderText }));
+            return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.text, children: renderText }));
         }
     }, [
         imageSource,
         renderSize,
         renderText
     ]);
-    const handleOnLayout = useCallback((event) => {
+    const handleOnLayout = (0, react_1.useCallback)((event) => {
         const { height, width } = event.nativeEvent.layout;
         childSize.current = {
             x: width,
             y: height
         };
     }, []);
-    const handlePressOut = useCallback((event) => {
+    const handlePressOut = (0, react_1.useCallback)((event) => {
         if (onPressOut) {
             onPressOut(event);
         }
@@ -243,8 +245,8 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
         onPressOut,
         onRelease
     ]);
-    const getDebugView = useCallback(() => {
-        const { height, width } = Dimensions.get('window');
+    const getDebugView = (0, react_1.useCallback)(() => {
+        const { height, width } = react_native_1.Dimensions.get('window');
         const far = 9999;
         const constrained = minX ?? maxX ?? minY ?? maxY;
         if (!constrained) {
@@ -265,15 +267,15 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
             top,
             ...styles.debugView
         };
-        return (_jsx(View, { pointerEvents: 'box-none', style: style }));
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: 'box-none', style: style }));
     }, [
         maxX,
         maxY,
         minX,
         minY
     ]);
-    return (_jsxs(View, { pointerEvents: 'box-none', style: positionCss, children: [debug && getDebugView(), _jsx(Animated.View, { pointerEvents: 'box-none', ...animatedViewProps, ...panResponder.panHandlers, style: pan.current.getLayout(), children: _jsx(TouchableOpacity, { ...touchableOpacityProps, activeOpacity: 1, disabled: disabled, onLayout: handleOnLayout, onLongPress: onLongPress, onPress: onShortPressRelease, onPressIn: onPressIn, onPressOut: handlePressOut, style: dragItemCss, children: children ?? touchableContent }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { pointerEvents: 'box-none', style: positionCss, children: [debug && getDebugView(), (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { pointerEvents: 'box-none', ...animatedViewProps, ...panResponder.panHandlers, style: pan.current.getLayout(), children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ...touchableOpacityProps, activeOpacity: 1, disabled: disabled, onLayout: handleOnLayout, onLongPress: onLongPress, onPress: onShortPressRelease, onPressIn: onPressIn, onPressOut: handlePressOut, style: dragItemCss, children: children ?? touchableContent }) })] }));
 };
 Draggable.displayName = 'ReactNativeDraggable';
-export default Draggable;
+exports.default = Draggable;
 //# sourceMappingURL=Draggable.js.map