@shoplflow/base 0.31.14 → 0.31.15

package/dist/index.d.cts

@@ -1295,7 +1295,7 @@ declare type DayDatepickerHeaderCustomProps = ReactDatePickerCustomHeaderProps &
     locale?: Locale;
 };
 
-declare const DayDatepicker: ({ sizeVar, children, minDate, maxDate, calendarType, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
+declare const DayDatepicker: ({ sizeVar, children, minDate, maxDate, calendarType, locale, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
 
 declare type MonthClickDateInfo = {
     startDate?: Date;

package/dist/index.d.ts

@@ -1295,7 +1295,7 @@ declare type DayDatepickerHeaderCustomProps = ReactDatePickerCustomHeaderProps &
     locale?: Locale;
 };
 
-declare const DayDatepicker: ({ sizeVar, children, minDate, maxDate, calendarType, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
+declare const DayDatepicker: ({ sizeVar, children, minDate, maxDate, calendarType, locale, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
 
 declare type MonthClickDateInfo = {
     startDate?: Date;

package/dist/index.js

@@ -4751,7 +4751,6 @@ var OptionListItem = styled6.li`
   }
 `;
 var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeight, onClick }) => {
-  var _a, _b;
   const optionListRef = useRef([]);
   const parentRef = useRef(null);
   const [isAllRefMounted, setIsAllRefMounted] = useState(false);
@@ -4761,14 +4760,14 @@ var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeig
   useEffect(() => {
     setIsOpened(isOpened);
   }, []);
-  const height = Math.min((_b = (_a = parentRef.current) == null ? void 0 : _a.scrollHeight) != null ? _b : 0, Number(parseInt(maxHeight || "0")));
+  const height = Math.min(optionList.length * 32, Number(parseInt(maxHeight || "0")));
   useEffect(() => {
-    var _a2, _b2, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f;
     if (!isAllRefMounted || !activeValue || !maxHeight) {
       return;
     }
     const selectedOptionIndex = optionList.findIndex((option) => (option == null ? void 0 : option.value) === activeValue);
-    const heightPerOption = (_b2 = (_a2 = optionListRef.current[selectedOptionIndex]) == null ? void 0 : _a2.offsetHeight) != null ? _b2 : 0;
+    const heightPerOption = (_b = (_a = optionListRef.current[selectedOptionIndex]) == null ? void 0 : _a.offsetHeight) != null ? _b : 0;
     const parentHeight = (_e = (_d = (_c = optionListRef.current[selectedOptionIndex]) == null ? void 0 : _c.closest("ul")) == null ? void 0 : _d.clientHeight) != null ? _e : 0;
     if (heightPerOption * (selectedOptionIndex + 1) >= parentHeight) {
       (_f = parentRef.current) == null ? void 0 : _f.scrollTo({ top: heightPerOption * selectedOptionIndex });
@@ -4930,14 +4929,14 @@ var MonthStepper = ({
 };
 var MonthStepper_default = MonthStepper;
 var DayDatepicker = (_a) => {
-  var _b = _a, { sizeVar, children, minDate, maxDate, calendarType } = _b, rest = __objRest(_b, ["sizeVar", "children", "minDate", "maxDate", "calendarType"]);
+  var _b = _a, { sizeVar, children, minDate, maxDate, calendarType, locale } = _b, rest = __objRest(_b, ["sizeVar", "children", "minDate", "maxDate", "calendarType", "locale"]);
   const Wrapper2 = sizeVar === "S" ? SmallStyledDayDatepickerWrapper : StyledDayDatepicker;
   if (calendarType.type === "range") {
     return /* @__PURE__ */ jsx(Wrapper2, { "data-shoplflow": "DayDatepicker", children: /* @__PURE__ */ jsx("div", { className: "dayDatepickerArea", children: /* @__PURE__ */ jsx(
       DatePicker2,
       __spreadProps(__spreadValues({
         inline: true,
-        renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+        renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
         renderDayContents: (dayOfMonth) => {
           return /* @__PURE__ */ jsx("div", { className: "each-day", children: dayOfMonth });
         }
@@ -4946,6 +4945,7 @@ var DayDatepicker = (_a) => {
         maxDate,
         selectsRange: true,
         selectsMultiple: void 0,
+        locale,
         onChange: calendarType.handleDayRangeChange,
         children
       })
@@ -4956,13 +4956,14 @@ var DayDatepicker = (_a) => {
       DatePicker2,
       __spreadProps(__spreadValues({
         inline: true,
-        renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+        renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
         renderDayContents: (dayOfMonth) => {
           return /* @__PURE__ */ jsx("div", { className: "each-day", children: dayOfMonth });
         }
       }, rest), {
         minDate,
         maxDate,
+        locale,
         selectsMultiple: true,
         onChange: calendarType.handleMutlipleDaysChange,
         children
@@ -4973,13 +4974,14 @@ var DayDatepicker = (_a) => {
     DatePicker2,
     __spreadProps(__spreadValues({
       inline: true,
-      renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+      renderCustomHeader: (props) => /* @__PURE__ */ jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
       renderDayContents: (dayOfMonth) => {
         return /* @__PURE__ */ jsx("div", { className: "each-day", children: dayOfMonth });
       }
     }, rest), {
       minDate,
       maxDate,
+      locale,
       onChange: calendarType.handleDayChange,
       children
     })