From b054bdd98703fef07ac2f2786051830c774c1736 Mon Sep 17 00:00:00 2001
From: Andre Silva <32734153+Aandree5@users.noreply.github.com>
Date: Fri, 28 Mar 2025 09:18:52 +0000
Subject: [PATCH] refactor: icon picker add asterisk option (#2496)

* fix: added `withAsterisk` property to `IconPicker`, defaulted to true so it's backwards compatible

* fix: `icon-picker.tsx` formatting

---------

Co-authored-by: Andre Silva <asilva01@acuitysso.com>
---
 .../forms-collection/src/icon-picker/icon-picker.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/forms-collection/src/icon-picker/icon-picker.tsx b/packages/forms-collection/src/icon-picker/icon-picker.tsx
index 9dbfb55f7..a571abbe2 100644
--- a/packages/forms-collection/src/icon-picker/icon-picker.tsx
+++ b/packages/forms-collection/src/icon-picker/icon-picker.tsx
@@ -33,9 +33,17 @@ interface IconPickerProps {
   error?: string | null;
   onFocus?: FocusEventHandler;
   onBlur?: FocusEventHandler;
+  withAsterisk?: boolean;
 }
 
-export const IconPicker = ({ value: propsValue, onChange, error, onFocus, onBlur }: IconPickerProps) => {
+export const IconPicker = ({
+  value: propsValue,
+  onChange,
+  error,
+  onFocus,
+  onBlur,
+  withAsterisk = true,
+}: IconPickerProps) => {
   const [value, setValue] = useUncontrolled({
     value: propsValue,
     onChange,
@@ -145,7 +153,7 @@ export const IconPicker = ({ value: propsValue, onChange, error, onFocus, onBlur
               setSearch(value || "");
             }}
             rightSectionPointerEvents="none"
-            withAsterisk
+            withAsterisk={withAsterisk}
             error={error}
             label={tCommon("iconPicker.label")}
             placeholder={tCommon("iconPicker.header", { countIcons: String(data?.countIcons ?? 0) })}