@kaushverse/pickify 1.1.14 → 1.1.15

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 (5) hide show
  1. package/dist/index.d.mts +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +23 -28
  4. package/dist/index.mjs +23 -28
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -158,7 +158,9 @@ type Props = {
158
158
  };
159
159
  declare class FloatingButton extends React$1.Component<Props> {
160
160
  animation: Animated.Value;
161
- open: boolean;
161
+ state: {
162
+ open: boolean;
163
+ };
162
164
  toggleMenu: () => void;
163
165
  renderAction: (action: Action, index: number) => react_jsx_runtime.JSX.Element;
164
166
  render(): react_jsx_runtime.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -158,7 +158,9 @@ type Props = {
158
158
  };
159
159
  declare class FloatingButton extends React$1.Component<Props> {
160
160
  animation: Animated.Value;
161
- open: boolean;
161
+ state: {
162
+ open: boolean;
163
+ };
162
164
  toggleMenu: () => void;
163
165
  renderAction: (action: Action, index: number) => react_jsx_runtime.JSX.Element;
164
166
  render(): react_jsx_runtime.JSX.Element;
package/dist/index.js CHANGED
@@ -720,20 +720,23 @@ var defaultStyles3 = import_react_native4.StyleSheet.create({
720
720
  // src/core/FloatingButton.tsx
721
721
  var import_react4 = __toESM(require("react"));
722
722
  var import_react_native5 = require("react-native");
723
+ var import_vector_icons = require("@expo/vector-icons");
723
724
  var import_jsx_runtime5 = require("react/jsx-runtime");
724
725
  var FloatingButton = class extends import_react4.default.Component {
725
726
  animation = new import_react_native5.Animated.Value(0);
726
- open = false;
727
+ state = {
728
+ open: false
729
+ };
727
730
  toggleMenu = () => {
731
+ const toValue = this.state.open ? 0 : 1;
728
732
  import_react_native5.Animated.spring(this.animation, {
729
- toValue: this.open ? 0 : 1,
733
+ toValue,
730
734
  useNativeDriver: true,
731
- // ✅ ONLY physics-based config (FIXED)
732
735
  stiffness: 250,
733
736
  damping: 20,
734
737
  mass: 1
735
738
  }).start();
736
- this.open = !this.open;
739
+ this.setState({ open: !this.state.open });
737
740
  };
738
741
  renderAction = (action, index) => {
739
742
  const {
@@ -787,21 +790,6 @@ var FloatingButton = class extends import_react4.default.Component {
787
790
  outputRange: [0, 0.8, 1]
788
791
  })
789
792
  };
790
- const delay = index * 30;
791
- const delayedStyle = {
792
- opacity: this.animation.interpolate({
793
- inputRange: [0, 0.2 + delay / 100, 1],
794
- outputRange: [0, 0, 1]
795
- }),
796
- transform: [
797
- {
798
- scale: this.animation.interpolate({
799
- inputRange: [0, 0.3 + delay / 100, 1],
800
- outputRange: [0, 0.8, 1]
801
- })
802
- }
803
- ]
804
- };
805
793
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
806
794
  import_react_native5.TouchableWithoutFeedback,
807
795
  {
@@ -824,14 +812,20 @@ var FloatingButton = class extends import_react4.default.Component {
824
812
  height: secondaryButtonSize,
825
813
  borderRadius: secondaryButtonSize / 2
826
814
  },
827
- animStyle,
828
- mode !== "circle" && delayedStyle
815
+ animStyle
829
816
  ],
830
- children: renderItemIcon?.({
817
+ children: renderItemIcon ? renderItemIcon({
831
818
  name: action.icon,
832
819
  size: secondaryButtonSize * 0.42,
833
820
  color: action.iconColor || "#FFF"
834
- })
821
+ }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
822
+ import_vector_icons.Ionicons,
823
+ {
824
+ name: action.icon,
825
+ size: secondaryButtonSize * 0.42,
826
+ color: action.iconColor || "#FFF"
827
+ }
828
+ )
835
829
  }
836
830
  )
837
831
  },
@@ -845,7 +839,6 @@ var FloatingButton = class extends import_react4.default.Component {
845
839
  styles: styles2,
846
840
  style,
847
841
  mainIconName,
848
- mode = "vertical",
849
842
  buttonSize = 56
850
843
  } = this.props;
851
844
  const rotation = {
@@ -902,11 +895,11 @@ var FloatingButton = class extends import_react4.default.Component {
902
895
  borderRadius: buttonSize / 2
903
896
  }
904
897
  ],
905
- children: renderMainIcon?.({
898
+ children: renderMainIcon ? renderMainIcon({
906
899
  name: mainIcon,
907
900
  size: buttonSize * 0.46,
908
901
  color: "#FFF"
909
- })
902
+ }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_vector_icons.Ionicons, { name: "add", size: buttonSize * 0.46, color: "#FFF" })
910
903
  }
911
904
  )
912
905
  }
@@ -925,7 +918,8 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
925
918
  backgroundColor: "#F02A4B",
926
919
  alignItems: "center",
927
920
  justifyContent: "center",
928
- elevation: 8
921
+ elevation: 8,
922
+ zIndex: 1e3
929
923
  },
930
924
  button: {
931
925
  backgroundColor: "#F02A4B",
@@ -937,7 +931,8 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
937
931
  backgroundColor: "#F02A4B",
938
932
  alignItems: "center",
939
933
  justifyContent: "center",
940
- elevation: 5
934
+ elevation: 5,
935
+ zIndex: 999
941
936
  }
942
937
  });
943
938
 
package/dist/index.mjs CHANGED
@@ -704,20 +704,23 @@ import {
704
704
  TouchableWithoutFeedback,
705
705
  View as View5
706
706
  } from "react-native";
707
+ import { Ionicons } from "@expo/vector-icons";
707
708
  import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
708
709
  var FloatingButton = class extends React4.Component {
709
710
  animation = new Animated3.Value(0);
710
- open = false;
711
+ state = {
712
+ open: false
713
+ };
711
714
  toggleMenu = () => {
715
+ const toValue = this.state.open ? 0 : 1;
712
716
  Animated3.spring(this.animation, {
713
- toValue: this.open ? 0 : 1,
717
+ toValue,
714
718
  useNativeDriver: true,
715
- // ✅ ONLY physics-based config (FIXED)
716
719
  stiffness: 250,
717
720
  damping: 20,
718
721
  mass: 1
719
722
  }).start();
720
- this.open = !this.open;
723
+ this.setState({ open: !this.state.open });
721
724
  };
722
725
  renderAction = (action, index) => {
723
726
  const {
@@ -771,21 +774,6 @@ var FloatingButton = class extends React4.Component {
771
774
  outputRange: [0, 0.8, 1]
772
775
  })
773
776
  };
774
- const delay = index * 30;
775
- const delayedStyle = {
776
- opacity: this.animation.interpolate({
777
- inputRange: [0, 0.2 + delay / 100, 1],
778
- outputRange: [0, 0, 1]
779
- }),
780
- transform: [
781
- {
782
- scale: this.animation.interpolate({
783
- inputRange: [0, 0.3 + delay / 100, 1],
784
- outputRange: [0, 0.8, 1]
785
- })
786
- }
787
- ]
788
- };
789
777
  return /* @__PURE__ */ jsx5(
790
778
  TouchableWithoutFeedback,
791
779
  {
@@ -808,14 +796,20 @@ var FloatingButton = class extends React4.Component {
808
796
  height: secondaryButtonSize,
809
797
  borderRadius: secondaryButtonSize / 2
810
798
  },
811
- animStyle,
812
- mode !== "circle" && delayedStyle
799
+ animStyle
813
800
  ],
814
- children: renderItemIcon?.({
801
+ children: renderItemIcon ? renderItemIcon({
815
802
  name: action.icon,
816
803
  size: secondaryButtonSize * 0.42,
817
804
  color: action.iconColor || "#FFF"
818
- })
805
+ }) : /* @__PURE__ */ jsx5(
806
+ Ionicons,
807
+ {
808
+ name: action.icon,
809
+ size: secondaryButtonSize * 0.42,
810
+ color: action.iconColor || "#FFF"
811
+ }
812
+ )
819
813
  }
820
814
  )
821
815
  },
@@ -829,7 +823,6 @@ var FloatingButton = class extends React4.Component {
829
823
  styles: styles2,
830
824
  style,
831
825
  mainIconName,
832
- mode = "vertical",
833
826
  buttonSize = 56
834
827
  } = this.props;
835
828
  const rotation = {
@@ -886,11 +879,11 @@ var FloatingButton = class extends React4.Component {
886
879
  borderRadius: buttonSize / 2
887
880
  }
888
881
  ],
889
- children: renderMainIcon?.({
882
+ children: renderMainIcon ? renderMainIcon({
890
883
  name: mainIcon,
891
884
  size: buttonSize * 0.46,
892
885
  color: "#FFF"
893
- })
886
+ }) : /* @__PURE__ */ jsx5(Ionicons, { name: "add", size: buttonSize * 0.46, color: "#FFF" })
894
887
  }
895
888
  )
896
889
  }
@@ -909,7 +902,8 @@ var defaultStyles4 = StyleSheet5.create({
909
902
  backgroundColor: "#F02A4B",
910
903
  alignItems: "center",
911
904
  justifyContent: "center",
912
- elevation: 8
905
+ elevation: 8,
906
+ zIndex: 1e3
913
907
  },
914
908
  button: {
915
909
  backgroundColor: "#F02A4B",
@@ -921,7 +915,8 @@ var defaultStyles4 = StyleSheet5.create({
921
915
  backgroundColor: "#F02A4B",
922
916
  alignItems: "center",
923
917
  justifyContent: "center",
924
- elevation: 5
918
+ elevation: 5,
919
+ zIndex: 999
925
920
  }
926
921
  });
927
922
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaushverse/pickify",
3
- "version": "1.1.14",
3
+ "version": "1.1.15",
4
4
  "description": "A fully customizable React Native picker with search, multi-select, grouping, and async support.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",