@yr3/ui 1.1.5 → 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);
@@ -3590,7 +3584,7 @@ var initialPropsComponent2 = {
   container: {},
   onClose: false
 };
-var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
+var Drawer = ({ open, anchor = null, onClose, children, propsComponent, onTransitionEnd }) => {
   const { show, hide } = useBackdrop();
   const ref = React9.useRef(null);
   const properties = mergeDeep2(initialPropsComponent2, propsComponent);
@@ -3617,6 +3611,10 @@ var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
   }, [properties?.onClose]);
   const classesBem = bem("yr3Drawer");
   const drawerClasses = classesBem(void 0, { [anchor]: anchor, open });
+  const stateRef = React9.useRef(open ? "in" : "out");
+  React9.useEffect(() => {
+    stateRef.current = open ? "in" : "out";
+  }, [open]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
@@ -3624,6 +3622,11 @@ var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
       style: properties?.drawer,
       onClick: (e) => e.stopPropagation(),
       ref,
+      onTransitionEnd: (e) => {
+        if (e.target === e.currentTarget && e.propertyName === "transform") {
+          onTransitionEnd?.(stateRef?.current);
+        }
+      },
       "data-testid": "yr3Drawer",
       children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         DrawerContainer_default,
@@ -3960,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);
@@ -3980,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;
@@ -2104,6 +2104,7 @@ type DrawerProps = {
     onClose: () => void;
     children?: React$1.ReactNode;
     anchor?: 'left' | 'right' | 'top' | 'bottom' | null;
+    onTransitionEnd?: (state: 'in' | 'out') => void;
     propsComponent?: {
         drawer?: React$1.CSSProperties;
         closing?: "drawer" | "container" | null;
@@ -2178,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;
@@ -2104,6 +2104,7 @@ type DrawerProps = {
     onClose: () => void;
     children?: React$1.ReactNode;
     anchor?: 'left' | 'right' | 'top' | 'bottom' | null;
+    onTransitionEnd?: (state: 'in' | 'out') => void;
     propsComponent?: {
         drawer?: React$1.CSSProperties;
         closing?: "drawer" | "container" | null;
@@ -2178,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);
@@ -3469,7 +3463,7 @@ var initialPropsComponent2 = {
   container: {},
   onClose: false
 };
-var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
+var Drawer = ({ open, anchor = null, onClose, children, propsComponent, onTransitionEnd }) => {
   const { show, hide } = useBackdrop();
   const ref = React9.useRef(null);
   const properties = mergeDeep2(initialPropsComponent2, propsComponent);
@@ -3496,6 +3490,10 @@ var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
   }, [properties?.onClose]);
   const classesBem = bem("yr3Drawer");
   const drawerClasses = classesBem(void 0, { [anchor]: anchor, open });
+  const stateRef = React9.useRef(open ? "in" : "out");
+  React9.useEffect(() => {
+    stateRef.current = open ? "in" : "out";
+  }, [open]);
   return /* @__PURE__ */ jsx18(
     "div",
     {
@@ -3503,6 +3501,11 @@ var Drawer = ({ open, anchor = null, onClose, children, propsComponent }) => {
       style: properties?.drawer,
       onClick: (e) => e.stopPropagation(),
       ref,
+      onTransitionEnd: (e) => {
+        if (e.target === e.currentTarget && e.propertyName === "transform") {
+          onTransitionEnd?.(stateRef?.current);
+        }
+      },
       "data-testid": "yr3Drawer",
       children: /* @__PURE__ */ jsx18(
         DrawerContainer_default,
@@ -3839,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);
@@ -3859,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.05",
+  "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",