@butternutbox/pawprint-native 0.24.3 → 0.25.0

package/dist/index.d.cts

@@ -1599,6 +1599,7 @@ declare const SelectFieldTrigger: React.ForwardRefExoticComponent<SelectFieldTri
 
 declare const SelectFieldValue: React.ForwardRefExoticComponent<{
     placeholder?: string;
+    hasValue?: boolean;
 } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
 
 declare const SelectFieldContent: React.ForwardRefExoticComponent<{
@@ -2121,6 +2122,7 @@ type DatePickerOwnProps = {
     showNextControl?: boolean;
     locale?: Locale;
     monthLabel?: string;
+    getMonthLabel?: (year: number, month: number, locale?: Locale) => string;
     weekDayLabels?: [string, string, string, string, string, string, string];
     getDateState?: (date: Date) => DateItemState;
     isDateDisabled?: (date: Date) => boolean;

package/dist/index.d.ts

@@ -1599,6 +1599,7 @@ declare const SelectFieldTrigger: React.ForwardRefExoticComponent<SelectFieldTri
 
 declare const SelectFieldValue: React.ForwardRefExoticComponent<{
     placeholder?: string;
+    hasValue?: boolean;
 } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
 
 declare const SelectFieldContent: React.ForwardRefExoticComponent<{
@@ -2121,6 +2122,7 @@ type DatePickerOwnProps = {
     showNextControl?: boolean;
     locale?: Locale;
     monthLabel?: string;
+    getMonthLabel?: (year: number, month: number, locale?: Locale) => string;
     weekDayLabels?: [string, string, string, string, string, string, string];
     getDateState?: (date: Date) => DateItemState;
     isDateDisabled?: (date: Date) => boolean;

package/dist/index.js

@@ -8852,14 +8852,14 @@ var SelectFieldTrigger = React66.forwardRef(
 SelectFieldTrigger.displayName = "SelectField.Trigger";
 var SelectFieldValue = React66.forwardRef(
   (_a, ref) => {
-    var _b = _a, { placeholder } = _b, rest = __objRest(_b, ["placeholder"]);
+    var _b = _a, { placeholder, hasValue = true } = _b, rest = __objRest(_b, ["placeholder", "hasValue"]);
     const theme2 = useTheme();
     const { colour, field } = theme2.tokens.components.inputs;
     return /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({ ref, style: { flex: 1, minWidth: 0 } }, rest), { children: /* @__PURE__ */ jsx(
       Typography,
       {
         token: field.placeholder.default,
-        color: colour.field.text.default,
+        color: hasValue ? colour.field.text.default : colour.field.text.placeholder,
         align: "left",
         children: /* @__PURE__ */ jsx(SelectPrimitive3.Value, { placeholder: placeholder != null ? placeholder : "" })
       }
@@ -9236,7 +9236,13 @@ var SelectFieldRoot = React66.forwardRef(
                     clearButtonMode: "never",
                     accessibilityLabel: "Search options"
                   }
-                ) : /* @__PURE__ */ jsx(SelectFieldValue, { placeholder })
+                ) : /* @__PURE__ */ jsx(
+                  SelectFieldValue,
+                  {
+                    placeholder,
+                    hasValue: Boolean(currentValue)
+                  }
+                )
               }
             ),
             description && /* @__PURE__ */ jsx(InputDescription, { state, children: description }),
@@ -11112,6 +11118,7 @@ var DatePicker = React66.forwardRef(
       showNextControl = true,
       locale,
       monthLabel,
+      getMonthLabel,
       weekDayLabels = DEFAULT_WEEK_LABELS,
       getDateState,
       isDateDisabled,
@@ -11131,12 +11138,14 @@ var DatePicker = React66.forwardRef(
       "showNextControl",
       "locale",
       "monthLabel",
+      "getMonthLabel",
       "weekDayLabels",
       "getDateState",
       "isDateDisabled",
       "minDate",
       "maxDate"
     ]);
+    var _a2;
     const theme2 = useTheme();
     const { datePicker } = theme2.tokens.components;
     const dt = datePicker.dateItem;
@@ -11171,8 +11180,8 @@ var DatePicker = React66.forwardRef(
     );
     const resolvedGetDateState = useCallback(
       (date) => {
-        var _a2;
-        return (_a2 = getDateState == null ? void 0 : getDateState(date)) != null ? _a2 : defaultGetDateState(date);
+        var _a3;
+        return (_a3 = getDateState == null ? void 0 : getDateState(date)) != null ? _a3 : defaultGetDateState(date);
       },
       [getDateState]
     );
@@ -11200,7 +11209,7 @@ var DatePicker = React66.forwardRef(
       },
       [isDateDisabled, minDate, maxDate]
     );
-    const resolvedMonthLabel = monthLabel != null ? monthLabel : getDefaultMonthLabel(year, month, locale);
+    const resolvedMonthLabel = (_a2 = monthLabel != null ? monthLabel : getMonthLabel == null ? void 0 : getMonthLabel(year, month, locale)) != null ? _a2 : getDefaultMonthLabel(year, month, locale);
     const calendarRows = useMemo(
       () => buildCalendarGrid(year, month),
       [year, month]
@@ -11211,10 +11220,10 @@ var DatePicker = React66.forwardRef(
     );
     const resolveDateCellConfig = useCallback(
       (date) => {
-        var _a2;
+        var _a3;
         const state = resolvedGetDateState(date);
         const isSelectedPrimary = selectedDate != null && isSameDay(date, selectedDate);
-        const isSelectedSecondary = (_a2 = selectedDatesSet == null ? void 0 : selectedDatesSet.has(toDateKey(date))) != null ? _a2 : false;
+        const isSelectedSecondary = (_a3 = selectedDatesSet == null ? void 0 : selectedDatesSet.has(toDateKey(date))) != null ? _a3 : false;
         const isSelected = isSelectedPrimary || isSelectedSecondary;
         let indicatorBg = "transparent";
         let indicatorBorderColor = "transparent";