@butternutbox/pawprint-native 0.24.3 → 0.25.1

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.cjs     554.62 KB
+CJS dist/index.cjs     555.31 KB
 CJS dist/index.cjs.map 1.08 MB
-CJS ⚡️ Build success in 7745ms
-ESM dist/index.js     523.98 KB
+CJS ⚡️ Build success in 8617ms
+ESM dist/index.js     524.64 KB
 ESM dist/index.js.map 1.08 MB
-ESM ⚡️ Build success in 7749ms
-DTS ⚡️ Build success in 22188ms
-DTS dist/index.d.cts 103.19 KB
-DTS dist/index.d.ts  103.19 KB
+ESM ⚡️ Build success in 8621ms
+DTS ⚡️ Build success in 23481ms
+DTS dist/index.d.cts 103.29 KB
+DTS dist/index.d.ts  103.29 KB

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @butternutbox/pawprint-native
 
+## 0.25.1
+
+### Patch Changes
+
+- 225f6c1: Allow custom date headers to be passed into date picker
+
+## 0.25.0
+
+### Minor Changes
+
+- d616d1f: allow custom month labels on the date picker
+
+### Patch Changes
+
+- 61284fb: Update SelectFieldValue to reflect current value state
+
 ## 0.24.3
 
 ### Patch Changes

package/dist/index.cjs

@@ -1300,6 +1300,16 @@ var Button = React66__default.default.forwardRef(
       };
     };
     const variantStyles = getVariantStyles(pressed);
+    const renderIcon = (icon) => {
+      if (!React66__default.default.isValidElement(icon)) return icon;
+      const iconElement = icon;
+      if (!pressed) {
+        return icon;
+      }
+      return React66__default.default.cloneElement(iconElement, {
+        customColour: variantStyles.textColor
+      });
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       StyledButton,
       __spreadProps(__spreadValues({
@@ -1323,7 +1333,7 @@ var Button = React66__default.default.forwardRef(
         buttonFullWidth: fullWidth
       }, rest), {
         children: [
-          startIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: startIcon }),
+          startIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: renderIcon(startIcon) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Typography,
             {
@@ -1339,7 +1349,7 @@ var Button = React66__default.default.forwardRef(
               children
             }
           ),
-          endIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: endIcon }),
+          endIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: renderIcon(endIcon) }),
           loading && /* @__PURE__ */ jsxRuntime.jsx(StyledSpinnerWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
             Spinner,
             {
@@ -8890,14 +8900,14 @@ var SelectFieldTrigger = React66__default.default.forwardRef(
 SelectFieldTrigger.displayName = "SelectField.Trigger";
 var SelectFieldValue = React66__default.default.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 = react.useTheme();
     const { colour, field } = theme2.tokens.components.inputs;
     return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, __spreadProps(__spreadValues({ ref, style: { flex: 1, minWidth: 0 } }, rest), { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(SelectPrimitive3__namespace.Value, { placeholder: placeholder != null ? placeholder : "" })
       }
@@ -9274,7 +9284,13 @@ var SelectFieldRoot = React66__default.default.forwardRef(
                     clearButtonMode: "never",
                     accessibilityLabel: "Search options"
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(SelectFieldValue, { placeholder })
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  SelectFieldValue,
+                  {
+                    placeholder,
+                    hasValue: Boolean(currentValue)
+                  }
+                )
               }
             ),
             description && /* @__PURE__ */ jsxRuntime.jsx(InputDescription, { state, children: description }),
@@ -11150,6 +11166,7 @@ var DatePicker = React66__default.default.forwardRef(
       showNextControl = true,
       locale,
       monthLabel,
+      getMonthLabel,
       weekDayLabels = DEFAULT_WEEK_LABELS,
       getDateState,
       isDateDisabled,
@@ -11169,12 +11186,14 @@ var DatePicker = React66__default.default.forwardRef(
       "showNextControl",
       "locale",
       "monthLabel",
+      "getMonthLabel",
       "weekDayLabels",
       "getDateState",
       "isDateDisabled",
       "minDate",
       "maxDate"
     ]);
+    var _a2;
     const theme2 = react.useTheme();
     const { datePicker } = theme2.tokens.components;
     const dt = datePicker.dateItem;
@@ -11209,8 +11228,8 @@ var DatePicker = React66__default.default.forwardRef(
     );
     const resolvedGetDateState = React66.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]
     );
@@ -11238,7 +11257,7 @@ var DatePicker = React66__default.default.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 = React66.useMemo(
       () => buildCalendarGrid(year, month),
       [year, month]
@@ -11249,10 +11268,10 @@ var DatePicker = React66__default.default.forwardRef(
     );
     const resolveDateCellConfig = React66.useCallback(
       (date) => {
-        var _a2;
+        var _a3;
         const state = resolvedGetDateState(date);
         const isSelectedPrimary = selectedDate != null && dateFns.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";