@kaushverse/pickify 1.2.1 → 1.2.2

package/dist/index.js

@@ -753,13 +753,14 @@ var FloatingButton = class extends import_react4.default.Component {
       translateY = 0;
     }
     if (mode === "circle") {
-      const totalActions = actions.length;
-      const startAngle = -Math.PI / 3;
-      const endAngle = -Math.PI * 0.8;
-      const angle = startAngle + index / (totalActions - 1 || 1) * (endAngle - startAngle);
-      const adjustedRadius = radius * 0.65;
-      translateX = adjustedRadius * Math.cos(angle);
-      translateY = adjustedRadius * Math.sin(angle);
+      const total = actions.length;
+      const startAngle = -Math.PI / 2;
+      const endAngle = -Math.PI;
+      const angle = startAngle + index / (total - 1 || 1) * (endAngle - startAngle);
+      const r = radius || 60;
+      const offset = 30;
+      translateX = (r + offset) * Math.cos(angle);
+      translateY = (r + offset) * Math.sin(angle);
     }
     const animStyle = {
       transform: [
@@ -836,27 +837,7 @@ var FloatingButton = class extends import_react4.default.Component {
     };
     const mainIcon = mainIconName || "add";
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: [defaultStyles4.container, styles2?.container, style], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react_native5.Animated.View,
-        {
-          style: [
-            defaultStyles4.circleContainer,
-            styles2?.circleContainer,
-            {
-              transform: [
-                {
-                  scale: this.animation.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [0, 1]
-                  })
-                }
-              ],
-              opacity: this.animation
-            }
-          ],
-          children: actions.map(this.renderAction)
-        }
-      ),
+      actions.map((a, i) => this.renderAction(a, i)),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_react_native5.Animated.View,
         {
@@ -903,15 +884,6 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
-  circleContainer: {
-    position: "absolute",
-    width: 200,
-    height: 200,
-    right: -60,
-    bottom: -60,
-    alignItems: "center",
-    justifyContent: "center"
-  },
   secondary: {
     position: "absolute",
     width: 48,

package/dist/index.mjs

@@ -737,13 +737,14 @@ var FloatingButton = class extends React4.Component {
       translateY = 0;
     }
     if (mode === "circle") {
-      const totalActions = actions.length;
-      const startAngle = -Math.PI / 3;
-      const endAngle = -Math.PI * 0.8;
-      const angle = startAngle + index / (totalActions - 1 || 1) * (endAngle - startAngle);
-      const adjustedRadius = radius * 0.65;
-      translateX = adjustedRadius * Math.cos(angle);
-      translateY = adjustedRadius * Math.sin(angle);
+      const total = actions.length;
+      const startAngle = -Math.PI / 2;
+      const endAngle = -Math.PI;
+      const angle = startAngle + index / (total - 1 || 1) * (endAngle - startAngle);
+      const r = radius || 60;
+      const offset = 30;
+      translateX = (r + offset) * Math.cos(angle);
+      translateY = (r + offset) * Math.sin(angle);
     }
     const animStyle = {
       transform: [
@@ -820,27 +821,7 @@ var FloatingButton = class extends React4.Component {
     };
     const mainIcon = mainIconName || "add";
     return /* @__PURE__ */ jsxs5(View5, { style: [defaultStyles4.container, styles2?.container, style], children: [
-      /* @__PURE__ */ jsx5(
-        Animated3.View,
-        {
-          style: [
-            defaultStyles4.circleContainer,
-            styles2?.circleContainer,
-            {
-              transform: [
-                {
-                  scale: this.animation.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [0, 1]
-                  })
-                }
-              ],
-              opacity: this.animation
-            }
-          ],
-          children: actions.map(this.renderAction)
-        }
-      ),
+      actions.map((a, i) => this.renderAction(a, i)),
       /* @__PURE__ */ jsx5(TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ jsx5(
         Animated3.View,
         {
@@ -887,15 +868,6 @@ var defaultStyles4 = StyleSheet5.create({
     alignItems: "center",
     justifyContent: "center"
   },
-  circleContainer: {
-    position: "absolute",
-    width: 200,
-    height: 200,
-    right: -60,
-    bottom: -60,
-    alignItems: "center",
-    justifyContent: "center"
-  },
   secondary: {
     position: "absolute",
     width: 48,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaushverse/pickify",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A fully customizable React Native picker with search, multi-select, grouping, and async support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",