@shoplflow/base 0.31.16 → 0.31.17

package/dist/index.d.cts

@@ -1339,9 +1339,13 @@ declare type AnnualDatepickerProps = {
     startYear?: number;
     endYear?: number;
     handleYearClick: (year: number) => void;
+    /**
+     * 선택 불가 연도
+     */
+    disabledYears?: number[];
 };
 
-declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
+declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, disabledYears, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
 
 declare type WeekClickDateInfo = {
     startWeek?: number;

package/dist/index.d.ts

@@ -1339,9 +1339,13 @@ declare type AnnualDatepickerProps = {
     startYear?: number;
     endYear?: number;
     handleYearClick: (year: number) => void;
+    /**
+     * 선택 불가 연도
+     */
+    disabledYears?: number[];
 };
 
-declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
+declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, disabledYears, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
 
 declare type WeekClickDateInfo = {
     startWeek?: number;

package/dist/index.js

@@ -5330,6 +5330,7 @@ var EachYearArea = styled6.div`
   justify-content: center;
   align-items: center;
   position: relative;
+  user-select: none;
 
   ${(props) => getEachYearAreaStyle(props)}
 `;
@@ -5345,13 +5346,16 @@ var EachYearDate = styled6.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] = useState(currentYear || (/* @__PURE__ */ new Date()).getFullYear());
   const Years = Array.from({ length: endYear - startYear + 1 }).map((_, index) => startYear + index);
@@ -5360,14 +5364,20 @@ var AnnualDatepicker = ({
     handleYearClick(year);
   };
   return /* @__PURE__ */ jsx(YearContainer, { "data-shoplflow": "AnnualDatepicker", children: /* @__PURE__ */ jsx(YearArea, { children: Years.map((year) => {
+    const disabled = disabledYears == null ? void 0 : disabledYears.includes(year);
     return /* @__PURE__ */ jsx(
       EachYearArea,
       {
+        disabled,
         isSelected: selectedYear === year,
+        "aria-disabled": disabled,
         onClick: () => {
+          if (disabled) {
+            return;
+          }
           clickYear(year);
         },
-        children: /* @__PURE__ */ jsx(EachYearDate, { isSelected: selectedYear === year, children: year })
+        children: /* @__PURE__ */ jsx(EachYearDate, { "aria-disabled": disabled, disabled, isSelected: selectedYear === year, children: year })
       },
       year
     );