@yr3/ui 1.1.6 → 1.1.7

package/dist/index.cjs

@@ -2133,43 +2133,37 @@ function getMonthCalendar(dataFormat, year, month, startIndex, selected, props)
     props
   };
 }
-function findMonth(value, years, exclude, direction) {
-  if (!value) return null;
+function findMonth(value, years, exclude, direction, indexed = 1) {
+  if (!value) return [];
   let [month, year] = value.split("-").map(Number);
   month -= 1;
   const excludedMap = /* @__PURE__ */ new Map();
   exclude.forEach((item) => {
-    excludedMap.set(
-      item.year,
-      new Set(item.months)
-    );
+    excludedMap.set(item.year, new Set(item.months));
   });
   const sortedYears = [...years].sort((a, b) => a - b);
-  while (true) {
+  const result = [];
+  while (result.length < indexed) {
     month += direction === "next" ? 1 : -1;
     if (month > 11) {
-      const yearIndex = sortedYears.indexOf(year);
-      const nextYear = sortedYears[yearIndex + 1];
-      if (nextYear == null) {
-        return null;
-      }
+      const nextYear = sortedYears[sortedYears.indexOf(year) + 1];
+      if (nextYear == null) break;
       year = nextYear;
       month = 0;
     }
     if (month < 0) {
-      const yearIndex = sortedYears.indexOf(year);
-      const prevYear = sortedYears[yearIndex - 1];
-      if (prevYear == null) {
-        return null;
-      }
+      const prevYear = sortedYears[sortedYears.indexOf(year) - 1];
+      if (prevYear == null) break;
       year = prevYear;
       month = 11;
     }
-    const excluded = excludedMap.get(year)?.has(month);
-    if (!excluded) {
-      return `${String(month + 1).padStart(2, "0")}-${year}`;
+    if (!excludedMap.get(year)?.has(month)) {
+      result.push(
+        `${String(month + 1).padStart(2, "0")}-${year}`
+      );
     }
   }
+  return result;
 }
 function getMonthCalendarProps({ year, data, value, format }) {
   const dtx2 = date(new Date(year, 1.1), format);
@@ -3969,7 +3963,7 @@ var initialPropsComponent3 = {
     style: {}
   }
 };
-var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onNext, onLast, onChange }) => {
+var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onNext, onLast, onChange, lastIndex, nextIndex }) => {
   const [open, setOpen] = React11.useState(false);
   const [valueState, setValueState] = React11.useState(value || null);
   const [yearSelected, setYearSelected] = React11.useState(data?.years.findIndex((y) => y === data.year) || 0);
@@ -3989,8 +3983,8 @@ var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onN
     const newValue = `${month}-${data.years[yearSelected]}`;
     setValueState(newValue);
     onChange(newValue);
-    onNext?.(findMonth(newValue, data.years, data.exclude, "next"));
-    onLast?.(findMonth(newValue, data.years, data.exclude, "prev"));
+    onNext?.(findMonth(newValue, data.years, data.exclude, "next", nextIndex));
+    onLast?.(findMonth(newValue, data.years, data.exclude, "prev", lastIndex));
     setOpen(false);
   };
   const classes = monthSelectorVariants({ wrapper: true, disabled });

package/dist/index.d.cts

@@ -1553,7 +1553,7 @@ type ExcludeItem = {
     year: number;
     months: number[];
 };
-declare function findMonth(value: string, years: number[], exclude: ExcludeItem[], direction: Direction): string | null;
+declare function findMonth(value: string, years: number[], exclude: ExcludeItem[], direction: Direction, indexed?: number): string[];
 declare function getMonthCalendarProps({ year, data, value, format }: CalendarMonthProps): any;
 
 declare const rgbToHex: (r: number, g: number, b: number) => string;
@@ -2179,6 +2179,8 @@ type MonthSelectorProps = {
         }[];
     };
     format?: DTXFormat;
+    lastIndex?: number;
+    nextIndex?: number;
     onNext?: (value: string) => void;
     onLast?: (value: string) => void;
     onChange: (value: string) => void;

package/dist/index.d.ts

@@ -1553,7 +1553,7 @@ type ExcludeItem = {
     year: number;
     months: number[];
 };
-declare function findMonth(value: string, years: number[], exclude: ExcludeItem[], direction: Direction): string | null;
+declare function findMonth(value: string, years: number[], exclude: ExcludeItem[], direction: Direction, indexed?: number): string[];
 declare function getMonthCalendarProps({ year, data, value, format }: CalendarMonthProps): any;
 
 declare const rgbToHex: (r: number, g: number, b: number) => string;
@@ -2179,6 +2179,8 @@ type MonthSelectorProps = {
         }[];
     };
     format?: DTXFormat;
+    lastIndex?: number;
+    nextIndex?: number;
     onNext?: (value: string) => void;
     onLast?: (value: string) => void;
     onChange: (value: string) => void;

package/dist/index.js

@@ -2012,43 +2012,37 @@ function getMonthCalendar(dataFormat, year, month, startIndex, selected, props)
     props
   };
 }
-function findMonth(value, years, exclude, direction) {
-  if (!value) return null;
+function findMonth(value, years, exclude, direction, indexed = 1) {
+  if (!value) return [];
   let [month, year] = value.split("-").map(Number);
   month -= 1;
   const excludedMap = /* @__PURE__ */ new Map();
   exclude.forEach((item) => {
-    excludedMap.set(
-      item.year,
-      new Set(item.months)
-    );
+    excludedMap.set(item.year, new Set(item.months));
   });
   const sortedYears = [...years].sort((a, b) => a - b);
-  while (true) {
+  const result = [];
+  while (result.length < indexed) {
     month += direction === "next" ? 1 : -1;
     if (month > 11) {
-      const yearIndex = sortedYears.indexOf(year);
-      const nextYear = sortedYears[yearIndex + 1];
-      if (nextYear == null) {
-        return null;
-      }
+      const nextYear = sortedYears[sortedYears.indexOf(year) + 1];
+      if (nextYear == null) break;
       year = nextYear;
       month = 0;
     }
     if (month < 0) {
-      const yearIndex = sortedYears.indexOf(year);
-      const prevYear = sortedYears[yearIndex - 1];
-      if (prevYear == null) {
-        return null;
-      }
+      const prevYear = sortedYears[sortedYears.indexOf(year) - 1];
+      if (prevYear == null) break;
       year = prevYear;
       month = 11;
     }
-    const excluded = excludedMap.get(year)?.has(month);
-    if (!excluded) {
-      return `${String(month + 1).padStart(2, "0")}-${year}`;
+    if (!excludedMap.get(year)?.has(month)) {
+      result.push(
+        `${String(month + 1).padStart(2, "0")}-${year}`
+      );
     }
   }
+  return result;
 }
 function getMonthCalendarProps({ year, data, value, format }) {
   const dtx2 = date(new Date(year, 1.1), format);
@@ -3848,7 +3842,7 @@ var initialPropsComponent3 = {
     style: {}
   }
 };
-var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onNext, onLast, onChange }) => {
+var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onNext, onLast, onChange, lastIndex, nextIndex }) => {
   const [open, setOpen] = React11.useState(false);
   const [valueState, setValueState] = React11.useState(value || null);
   const [yearSelected, setYearSelected] = React11.useState(data?.years.findIndex((y) => y === data.year) || 0);
@@ -3868,8 +3862,8 @@ var MonthSelector = ({ label, value, disabled, propsComponent, data, format, onN
     const newValue = `${month}-${data.years[yearSelected]}`;
     setValueState(newValue);
     onChange(newValue);
-    onNext?.(findMonth(newValue, data.years, data.exclude, "next"));
-    onLast?.(findMonth(newValue, data.years, data.exclude, "prev"));
+    onNext?.(findMonth(newValue, data.years, data.exclude, "next", nextIndex));
+    onLast?.(findMonth(newValue, data.years, data.exclude, "prev", lastIndex));
     setOpen(false);
   };
   const classes = monthSelectorVariants({ wrapper: true, disabled });

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@yr3/ui",
-  "version": "1.1.06",
+  "version": "1.1.07",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
+    "start": "concurrently \"npm:dev\" \"npm:demo\"",
     "build": "tsup && npm run build:css",
-    "dev": "tsup --watch",
+    "dev": "concurrently \"tsup --watch\" \"sass --watch src:dist\"",
+    "demo": "vite --port 1235",
     "test": "vitest",
     "test:watch": "vitest --watch",
-    "demo": "vite --port 1235",
     "build:css": "sass src:dist"
   },
   "repository": {
@@ -36,6 +37,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
+    "concurrently": "^10.0.3",
     "jsdom": "^27.0.1",
     "sass": "^1.99.0",
     "tsup": "^8.5.1",