@kaushverse/pickify 1.0.8 → 1.0.9

package/dist/index.d.mts

@@ -95,7 +95,7 @@ type MultiPickerGroupStyles = {
 type MultiPickerGroupProps = {
     label: string;
     children: React.ReactNode;
-    renderIcon?: IconRenderer;
+    renderGroupIcon?: IconRenderer;
     styles?: MultiPickerGroupStyles;
 };
 type MultiPickerProps = {
@@ -107,28 +107,23 @@ type MultiPickerProps = {
     onChange: (val: string[]) => void;
     label?: string;
     placeholder?: string;
-    error?: string;
-    renderIcon?: IconRenderer;
+    error?: TextStyle;
+    renderInputIcon?: IconRenderer;
     styles?: {
         container?: ViewStyle;
         selectBox?: ViewStyle;
         selectText?: TextStyle;
     };
+    errorStyle?: TextStyle;
 };
 
-declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderIcon, }: MultiPickerProps): react_jsx_runtime.JSX.Element;
+declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderInputIcon, errorStyle, }: MultiPickerProps & {
+    error: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function MultiPickerItem({ label, selected, onPress, renderIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
-declare function MultiPickerGroup({ label, children, renderIcon, }: {
-    label: string;
-    children: React$1.ReactNode;
-    renderIcon?: (props: {
-        name: string;
-        size: number;
-        color: string;
-    }) => React$1.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+declare function MultiPickerGroup({ label, children, renderGroupIcon, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const toggleValue: (arr: string[], value: string) => string[];
 

package/dist/index.d.ts

@@ -95,7 +95,7 @@ type MultiPickerGroupStyles = {
 type MultiPickerGroupProps = {
     label: string;
     children: React.ReactNode;
-    renderIcon?: IconRenderer;
+    renderGroupIcon?: IconRenderer;
     styles?: MultiPickerGroupStyles;
 };
 type MultiPickerProps = {
@@ -107,28 +107,23 @@ type MultiPickerProps = {
     onChange: (val: string[]) => void;
     label?: string;
     placeholder?: string;
-    error?: string;
-    renderIcon?: IconRenderer;
+    error?: TextStyle;
+    renderInputIcon?: IconRenderer;
     styles?: {
         container?: ViewStyle;
         selectBox?: ViewStyle;
         selectText?: TextStyle;
     };
+    errorStyle?: TextStyle;
 };
 
-declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderIcon, }: MultiPickerProps): react_jsx_runtime.JSX.Element;
+declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderInputIcon, errorStyle, }: MultiPickerProps & {
+    error: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function MultiPickerItem({ label, selected, onPress, renderIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
-declare function MultiPickerGroup({ label, children, renderIcon, }: {
-    label: string;
-    children: React$1.ReactNode;
-    renderIcon?: (props: {
-        name: string;
-        size: number;
-        color: string;
-    }) => React$1.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+declare function MultiPickerGroup({ label, children, renderGroupIcon, }: MultiPickerGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const toggleValue: (arr: string[], value: string) => string[];
 

package/dist/index.js

@@ -277,13 +277,13 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 function MultiPickerGroup({
   label,
   children,
-  renderIcon
+  renderGroupIcon
 }) {
   const [open, setOpen] = (0, import_react2.useState)(true);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.group, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.TouchableOpacity, { style: styles.header, onPress: () => setOpen(!open), children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.title, children: label }),
-      renderIcon ? renderIcon({
+      renderGroupIcon ? renderGroupIcon({
         name: open ? "chevron-up" : "chevron-down",
         size: 18,
         color: "#6B7280"
@@ -391,7 +391,8 @@ function MultiPickerModal({
   label,
   placeholder = "Select",
   error,
-  renderIcon
+  renderInputIcon,
+  errorStyle
 }) {
   const [internalVisible, setInternalVisible] = (0, import_react3.useState)(false);
   const isControlled = visible !== void 0 && setVisible !== void 0;
@@ -439,13 +440,13 @@ function MultiPickerModal({
     label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles2.label, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.TouchableOpacity, { style: styles2.box, onPress: open, children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles2.text, children: getLabel() }),
-      renderIcon ? renderIcon({
+      renderInputIcon ? renderInputIcon({
         name: "chevron-down",
         size: 18,
         color: "#6B7280"
-      }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { children: "\u2304" })
+      }) : null
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles2.error, children: error }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles2.error, styles2?.error, errorStyle], children: error }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Modal, { visible: isVisible, transparent: true, animationType: "slide", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles2.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles2.container, children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.TouchableOpacity, { onPress: close, style: styles2.done, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: { color: "#fff" }, children: "Done" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.ScrollView, { children: renderList() })
@@ -470,6 +471,7 @@ var styles2 = import_react_native4.StyleSheet.create({
   },
   error: {
     color: "red",
+    fontSize: 12,
     marginTop: 4
   },
   overlay: {

package/dist/index.mjs

@@ -260,13 +260,13 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function MultiPickerGroup({
   label,
   children,
-  renderIcon
+  renderGroupIcon
 }) {
   const [open, setOpen] = useState2(true);
   return /* @__PURE__ */ jsxs2(View2, { style: styles.group, children: [
     /* @__PURE__ */ jsxs2(TouchableOpacity2, { style: styles.header, onPress: () => setOpen(!open), children: [
       /* @__PURE__ */ jsx2(Text2, { style: styles.title, children: label }),
-      renderIcon ? renderIcon({
+      renderGroupIcon ? renderGroupIcon({
         name: open ? "chevron-up" : "chevron-down",
         size: 18,
         color: "#6B7280"
@@ -374,7 +374,8 @@ function MultiPickerModal({
   label,
   placeholder = "Select",
   error,
-  renderIcon
+  renderInputIcon,
+  errorStyle
 }) {
   const [internalVisible, setInternalVisible] = useState3(false);
   const isControlled = visible !== void 0 && setVisible !== void 0;
@@ -422,13 +423,13 @@ function MultiPickerModal({
     label && /* @__PURE__ */ jsx4(Text4, { style: styles2.label, children: label }),
     /* @__PURE__ */ jsxs4(TouchableOpacity4, { style: styles2.box, onPress: open, children: [
       /* @__PURE__ */ jsx4(Text4, { style: styles2.text, children: getLabel() }),
-      renderIcon ? renderIcon({
+      renderInputIcon ? renderInputIcon({
         name: "chevron-down",
         size: 18,
         color: "#6B7280"
-      }) : /* @__PURE__ */ jsx4(Text4, { children: "\u2304" })
+      }) : null
     ] }),
-    error && /* @__PURE__ */ jsx4(Text4, { style: styles2.error, children: error }),
+    error && /* @__PURE__ */ jsx4(Text4, { style: [styles2.error, styles2?.error, errorStyle], children: error }),
     /* @__PURE__ */ jsx4(Modal2, { visible: isVisible, transparent: true, animationType: "slide", children: /* @__PURE__ */ jsx4(View4, { style: styles2.overlay, children: /* @__PURE__ */ jsxs4(View4, { style: styles2.container, children: [
       /* @__PURE__ */ jsx4(TouchableOpacity4, { onPress: close, style: styles2.done, children: /* @__PURE__ */ jsx4(Text4, { style: { color: "#fff" }, children: "Done" }) }),
       /* @__PURE__ */ jsx4(ScrollView2, { children: renderList() })
@@ -453,6 +454,7 @@ var styles2 = StyleSheet4.create({
   },
   error: {
     color: "red",
+    fontSize: 12,
     marginTop: 4
   },
   overlay: {

package/package.json

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