@shoplflow/base 0.31.15 → 0.31.17

package/dist/index.cjs

@@ -4956,7 +4956,23 @@ var MonthStepper = ({
 };
 var MonthStepper_default = MonthStepper;
 var DayDatepicker = (_a) => {
-  var _b = _a, { sizeVar, children, minDate, maxDate, calendarType, locale } = _b, rest = __objRest(_b, ["sizeVar", "children", "minDate", "maxDate", "calendarType", "locale"]);
+  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(
@@ -4974,6 +4990,7 @@ var DayDatepicker = (_a) => {
         selectsMultiple: void 0,
         locale,
         onChange: calendarType.handleDayRangeChange,
+        fixedHeight,
         children
       })
     ) }) });
@@ -4993,6 +5010,7 @@ var DayDatepicker = (_a) => {
         locale,
         selectsMultiple: true,
         onChange: calendarType.handleMutlipleDaysChange,
+        fixedHeight,
         children
       })
     ) }) });
@@ -5010,6 +5028,7 @@ var DayDatepicker = (_a) => {
       maxDate,
       locale,
       onChange: calendarType.handleDayChange,
+      fixedHeight,
       children
     })
   ) }) });
@@ -5338,6 +5357,7 @@ var EachYearArea = styled6__default.default.div`
   justify-content: center;
   align-items: center;
   position: relative;
+  user-select: none;
 
   ${(props) => getEachYearAreaStyle(props)}
 `;
@@ -5353,13 +5373,16 @@ var EachYearDate = styled6__default.default.div`
   position: absolute;
   z-index: 10;
 
+  user-select: none;
+
   ${(props) => getEachDateStyle2(props)}
 `;
 var AnnualDatepicker = ({
   startYear = 2e3,
   endYear = 2100,
   currentYear,
-  handleYearClick
+  handleYearClick,
+  disabledYears
 }) => {
   const [selectedYear, setSelectedYear] = React3.useState(currentYear || (/* @__PURE__ */ new Date()).getFullYear());
   const Years = Array.from({ length: endYear - startYear + 1 }).map((_, index) => startYear + index);
@@ -5368,14 +5391,20 @@ var AnnualDatepicker = ({
     handleYearClick(year);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(YearContainer, { "data-shoplflow": "AnnualDatepicker", children: /* @__PURE__ */ jsxRuntime.jsx(YearArea, { children: Years.map((year) => {
+    const disabled = disabledYears == null ? void 0 : disabledYears.includes(year);
     return /* @__PURE__ */ jsxRuntime.jsx(
       EachYearArea,
       {
+        disabled,
         isSelected: selectedYear === year,
+        "aria-disabled": disabled,
         onClick: () => {
+          if (disabled) {
+            return;
+          }
           clickYear(year);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(EachYearDate, { isSelected: selectedYear === year, children: year })
+        children: /* @__PURE__ */ jsxRuntime.jsx(EachYearDate, { "aria-disabled": disabled, disabled, isSelected: selectedYear === year, children: year })
       },
       year
     );