@shoplflow/base 0.31.14 → 0.31.16

package/dist/index.cjs

@@ -4778,7 +4778,6 @@ var OptionListItem = styled6__default.default.li`
   }
 `;
 var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeight, onClick }) => {
-  var _a, _b;
   const optionListRef = React3.useRef([]);
   const parentRef = React3.useRef(null);
   const [isAllRefMounted, setIsAllRefMounted] = React3.useState(false);
@@ -4788,14 +4787,14 @@ var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeig
   React3.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")));
   React3.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 });
@@ -4957,14 +4956,30 @@ 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,
+    fixedHeight = true
+  } = _b, rest = __objRest(_b, [
+    "sizeVar",
+    "children",
+    "minDate",
+    "maxDate",
+    "calendarType",
+    "locale",
+    "fixedHeight"
+  ]);
   const Wrapper2 = sizeVar === "S" ? SmallStyledDayDatepickerWrapper : StyledDayDatepicker;
   if (calendarType.type === "range") {
     return /* @__PURE__ */ jsxRuntime.jsx(Wrapper2, { "data-shoplflow": "DayDatepicker", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dayDatepickerArea", children: /* @__PURE__ */ jsxRuntime.jsx(
       DatePicker2__default.default,
       __spreadProps(__spreadValues({
         inline: true,
-        renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+        renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
         renderDayContents: (dayOfMonth) => {
           return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "each-day", children: dayOfMonth });
         }
@@ -4973,7 +4988,9 @@ var DayDatepicker = (_a) => {
         maxDate,
         selectsRange: true,
         selectsMultiple: void 0,
+        locale,
         onChange: calendarType.handleDayRangeChange,
+        fixedHeight,
         children
       })
     ) }) });
@@ -4983,15 +5000,17 @@ var DayDatepicker = (_a) => {
       DatePicker2__default.default,
       __spreadProps(__spreadValues({
         inline: true,
-        renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+        renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
         renderDayContents: (dayOfMonth) => {
           return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "each-day", children: dayOfMonth });
         }
       }, rest), {
         minDate,
         maxDate,
+        locale,
         selectsMultiple: true,
         onChange: calendarType.handleMutlipleDaysChange,
+        fixedHeight,
         children
       })
     ) }) });
@@ -5000,14 +5019,16 @@ var DayDatepicker = (_a) => {
     DatePicker2__default.default,
     __spreadProps(__spreadValues({
       inline: true,
-      renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate })),
+      renderCustomHeader: (props) => /* @__PURE__ */ jsxRuntime.jsx(MonthStepper_default, __spreadProps(__spreadValues({ sizeVar: sizeVar || "M" }, props), { minDate, maxDate, locale })),
       renderDayContents: (dayOfMonth) => {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "each-day", children: dayOfMonth });
       }
     }, rest), {
       minDate,
       maxDate,
+      locale,
       onChange: calendarType.handleDayChange,
+      fixedHeight,
       children
     })
   ) }) });