@kaushverse/pickify 1.1.4 → 1.1.5

package/dist/index.d.mts

@@ -97,6 +97,7 @@ type MultiPickerGroupProps = {
     children: React.ReactNode;
     renderGroupIcon?: IconRenderer;
     styles?: MultiPickerGroupStyles;
+    defaultOpen: boolean;
 };
 type MultiPickerStyles = {
     overlay?: ViewStyle;
@@ -160,7 +161,7 @@ declare class FloatingButton extends React$1.Component<Props> {
 
 declare function MultiPickerItem({ label, selected, onPress, renderItemIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
-declare function MultiPickerGroup({ label, children, renderGroupIcon, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
+declare function MultiPickerGroup({ label, children, renderGroupIcon, defaultOpen, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const toggleValue: (arr: string[], value: string) => string[];
 

package/dist/index.d.ts

@@ -97,6 +97,7 @@ type MultiPickerGroupProps = {
     children: React.ReactNode;
     renderGroupIcon?: IconRenderer;
     styles?: MultiPickerGroupStyles;
+    defaultOpen: boolean;
 };
 type MultiPickerStyles = {
     overlay?: ViewStyle;
@@ -160,7 +161,7 @@ declare class FloatingButton extends React$1.Component<Props> {
 
 declare function MultiPickerItem({ label, selected, onPress, renderItemIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
-declare function MultiPickerGroup({ label, children, renderGroupIcon, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
+declare function MultiPickerGroup({ label, children, renderGroupIcon, defaultOpen, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const toggleValue: (arr: string[], value: string) => string[];
 

package/dist/index.js

@@ -288,9 +288,10 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 function MultiPickerGroup({
   label,
   children,
-  renderGroupIcon
+  renderGroupIcon,
+  defaultOpen = false
 }) {
-  const [open, setOpen] = (0, import_react2.useState)(true);
+  const [open, setOpen] = (0, import_react2.useState)(defaultOpen);
   const [contentHeight, setContentHeight] = (0, import_react2.useState)(0);
   const animatedHeight = (0, import_react2.useRef)(new import_react_native2.Animated.Value(0)).current;
   const toggle = () => {
@@ -464,11 +465,12 @@ function MultiPickerModal({
   };
   const renderList = () => {
     if (groups.length > 0) {
-      return groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         MultiPickerGroup,
         {
           label: group.label,
           renderGroupIcon,
+          defaultOpen: index === 0,
           children: group.data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             MultiPickerItem,
             {
@@ -611,8 +613,10 @@ var FloatingButton = class extends import_react4.default.Component {
     if (mode === "circle") {
       const angleStep = Math.PI / 2;
       const angle = index / (actions.length - 1 || 1) * angleStep;
-      translateX = -radius * Math.cos(angle);
-      translateY = -radius * Math.sin(angle);
+      const adjustedRadiusX = radius * 0.7;
+      const adjustedRadiusY = radius;
+      translateX = -adjustedRadiusX * Math.cos(angle);
+      translateY = -adjustedRadiusY * Math.sin(angle);
     }
     const animStyle = {
       transform: [

package/dist/index.mjs

@@ -266,9 +266,10 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function MultiPickerGroup({
   label,
   children,
-  renderGroupIcon
+  renderGroupIcon,
+  defaultOpen = false
 }) {
-  const [open, setOpen] = useState2(true);
+  const [open, setOpen] = useState2(defaultOpen);
   const [contentHeight, setContentHeight] = useState2(0);
   const animatedHeight = useRef(new Animated.Value(0)).current;
   const toggle = () => {
@@ -442,11 +443,12 @@ function MultiPickerModal({
   };
   const renderList = () => {
     if (groups.length > 0) {
-      return groups.map((group) => /* @__PURE__ */ jsx4(
+      return groups.map((group, index) => /* @__PURE__ */ jsx4(
         MultiPickerGroup,
         {
           label: group.label,
           renderGroupIcon,
+          defaultOpen: index === 0,
           children: group.data.map((item) => /* @__PURE__ */ jsx4(
             MultiPickerItem,
             {
@@ -594,8 +596,10 @@ var FloatingButton = class extends React4.Component {
     if (mode === "circle") {
       const angleStep = Math.PI / 2;
       const angle = index / (actions.length - 1 || 1) * angleStep;
-      translateX = -radius * Math.cos(angle);
-      translateY = -radius * Math.sin(angle);
+      const adjustedRadiusX = radius * 0.7;
+      const adjustedRadiusY = radius;
+      translateX = -adjustedRadiusX * Math.cos(angle);
+      translateY = -adjustedRadiusY * Math.sin(angle);
     }
     const animStyle = {
       transform: [

package/package.json

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