npm - @vkontakte/vkui - Versions diffs - 6.1.2 → 6.2.0 - Mend

@vkontakte/vkui 6.1.2 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1986) hide show

package/dist/hooks/useCalendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB;;yBAgBd,IAAI;;;;;wBAQN,IAAI;yBAKJ,IAAI,aAAa,OAAO;;~~EAmCjC~~"}
1	+ {"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB;;yBAgBd,IAAI;;;;;wBAQN,IAAI;yBAKJ,IAAI,aAAa,OAAO;;6BAqBtB,MAAM,SAAS,MAAM,KAAG,OAAO;2BA8BhC,MAAM,KAAG,OAAO;EAmC1B"}

package/dist/hooks/useCalendar.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { isDayMinMaxRestricted } from '../lib/calendar';
+import { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';
 import { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from '../lib/date';
 export function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onHeaderChange, onNextMonth, onPrevMonth, minDateTime, maxDateTime }) {
     var _ref;
@@ -54,6 +54,46 @@ export function useCalendar({ value, disablePast, disableFuture, shouldDisableDa
         minDateTime,
         maxDateTime
     ]);
+    const isMonthDisabled = React.useCallback((month, year)=>{
+        const now = new Date();
+        year = year || viewDate.getFullYear();
+        const minMonth = minDateTime ? minDateTime.getMonth() : 0;
+        const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;
+        const minYear = (minDateTime === null || minDateTime === void 0 ? void 0 : minDateTime.getFullYear()) || DEFAULT_MIN_YEAR;
+        const maxYear = (maxDateTime === null || maxDateTime === void 0 ? void 0 : maxDateTime.getFullYear()) || DEFAULT_MAX_YEAR;
+        let isDisabled = year >= minYear && year <= maxYear ? year === minYear && minMonth > month || year === maxYear && month > maxMonth : true;
+        if (disableFuture) {
+            isDisabled = isDisabled || (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());
+        }
+        if (disablePast) {
+            isDisabled = isDisabled || (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());
+        }
+        return isDisabled;
+    }, [
+        disableFuture,
+        disablePast,
+        viewDate,
+        minDateTime,
+        maxDateTime
+    ]);
+    const isYearDisabled = React.useCallback((year)=>{
+        const now = new Date();
+        const minYear = (minDateTime === null || minDateTime === void 0 ? void 0 : minDateTime.getFullYear()) || DEFAULT_MIN_YEAR;
+        const maxYear = (maxDateTime === null || maxDateTime === void 0 ? void 0 : maxDateTime.getFullYear()) || DEFAULT_MAX_YEAR;
+        let isDisabled = minYear > year || year > maxYear;
+        if (disableFuture) {
+            isDisabled = isDisabled || year > now.getFullYear();
+        }
+        if (disablePast) {
+            isDisabled = isDisabled || year < now.getFullYear();
+        }
+        return isDisabled;
+    }, [
+        disableFuture,
+        disablePast,
+        minDateTime,
+        maxDateTime
+    ]);
     const resetSelectedDay = React.useCallback(()=>{
         setFocusedDay(undefined);
     }, [
@@ -68,7 +108,9 @@ export function useCalendar({ value, disablePast, disableFuture, shouldDisableDa
         setFocusedDay,
         isDayFocused,
         isDayDisabled,
-        resetSelectedDay
+        resetSelectedDay,
+        isMonthDisabled,
+        isYearDisabled
     };
 }

package/dist/hooks/useCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { isDayMinMaxRestricted } from '../lib/calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n startOfDay,\n subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n extends Pick<\n CalendarProps,\n \| 'onHeaderChange'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'minDateTime'\n \| 'maxDateTime'\n \| 'shouldDisableDate'\n \| 'disableFuture'\n \| 'disablePast'\n > {\n value?: Array<Date \| null> \| Date;\n}\n\nexport function useCalendar({\n value,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n}: UseCalendarDependencies) {\n const [viewDate, setViewDate] = React.useState(\n (Array.isArray(value) ? value[0] : value) ?? new Date(),\n );\n const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n const setPrevMonth = React.useCallback(() => {\n onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\n );\n\n const isDayFocused = React.useCallback(\n (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n [focusedDay],\n );\n\n const isDayDisabled = React.useCallback(\n (day: Date, withTime?: boolean) => {\n const now = new Date();\n if (shouldDisableDate) {\n return shouldDisableDate(day);\n }\n if (disableFuture) {\n return isAfter(startOfDay(day), now);\n }\n if (disablePast) {\n return isBefore(endOfDay(day), now);\n }\n if (minDateTime \|\| maxDateTime) {\n return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n }\n\n return false;\n },\n [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n );\n\n const resetSelectedDay = React.useCallback(() => {\n setFocusedDay(undefined);\n }, [setFocusedDay]);\n\n return {\n viewDate,\n setViewDate: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n };\n}\n"],"names":["React","isDayMinMaxRestricted","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","withTime","now","min","max","~~resetSelectedDay~~","~~undefined~~"],"~~rangeMappings~~":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,qBAAqB,QAAQ,kBAAkB;~~AACxD~~,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,QACJ,cAAc;AAiBrB,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,EACa;QAErBC;IADH,MAAM,CAACC,UAAUC,YAAY,~~GAAGrB~~,~~MAAMsB~~,QAAQ,CAC5C,CAACH,OAAAA,MAAMI,OAAO,CAACb,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCS,kBAAAA,OAA4C,IAAIK;IAEnD,MAAM,CAACC,YAAYC,cAAc,~~GAAG1B~~,~~MAAMsB~~,QAAQ;IAElD,MAAMK,~~eAAe3B~~,~~MAAM4B~~,WAAW,CAAC;QACrCZ,wBAAAA,kCAAAA;QACAK,YAAYb,UAAUY,UAAU;IAClC,GAAG;QAACA;QAAUJ;KAAY;IAC1B,MAAMa,~~eAAe7B~~,~~MAAM4B~~,WAAW,CAAC;QACrCb,wBAAAA,kCAAAA;QACAM,YAAYnB,UAAUkB,UAAU;IAClC,GAAG;QAACA;QAAUL;KAAY;IAE1B,MAAMe,~~oBAAoB9B~~,~~MAAM4B~~,WAAW,CACzC,CAAClB;QACCI,2BAAAA,qCAAAA,eAAiBJ;QACjBW,YAAYX;IACd,GACA;QAACI;KAAe;IAGlB,MAAMiB,~~eAAe/B~~,~~MAAM4B~~,WAAW,CACpC,CAACI,MAAcC,QAAQR,cAAcnB,UAAU0B,KAAKP,cACpD;QAACA;KAAW;IAGd,MAAMS,~~gBAAgBlC~~,~~MAAM4B~~,WAAW,CACrC,CAACI,KAAWG;QACV,MAAMC,MAAM,IAAIZ;QAChB,IAAIX,mBAAmB;YACrB,OAAOA,kBAAkBmB;QAC3B;QACA,IAAIpB,eAAe;YACjB,OAAOR,QAAQG,WAAWyB,MAAMI;QAClC;QACA,IAAIzB,aAAa;YACf,OAAON,SAASF,SAAS6B,MAAMI;QACjC;QACA,IAAInB,eAAeC,aAAa;YAC9B,OAAOjB,sBAAsB+B,KAAK;gBAAEK,KAAKpB;gBAAaqB,KAAKpB;gBAAaiB;YAAS;QACnF;QAEA,OAAO;IACT,GACA;QAACvB;QAAeD;QAAaE;QAAmBI;QAAaC;KAAY;IAG3E,MAAMqB,~~mBAAmBvC~~,~~MAAM4B~~,WAAW,CAAC;QACzCF,~~cAAcc~~;IAChB,GAAG;~~QAACd~~;KAAc;IAElB,OAAO;QACLN;QACAC,aAAaS;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;~~QACAK~~;IACF;AACF"}
1	+ {"version":3,"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n startOfDay,\n subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n extends Pick<\n CalendarProps,\n \| 'onHeaderChange'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'minDateTime'\n \| 'maxDateTime'\n \| 'shouldDisableDate'\n \| 'disableFuture'\n \| 'disablePast'\n > {\n value?: Array<Date \| null> \| Date;\n}\n\nexport function useCalendar({\n value,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n}: UseCalendarDependencies) {\n const [viewDate, setViewDate] = React.useState(\n (Array.isArray(value) ? value[0] : value) ?? new Date(),\n );\n const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n const setPrevMonth = React.useCallback(() => {\n onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\n );\n\n const isDayFocused = React.useCallback(\n (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n [focusedDay],\n );\n\n const isDayDisabled = React.useCallback(\n (day: Date, withTime?: boolean) => {\n const now = new Date();\n if (shouldDisableDate) {\n return shouldDisableDate(day);\n }\n if (disableFuture) {\n return isAfter(startOfDay(day), now);\n }\n if (disablePast) {\n return isBefore(endOfDay(day), now);\n }\n if (minDateTime \|\| maxDateTime) {\n return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n }\n\n return false;\n },\n [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n );\n\n const isMonthDisabled = React.useCallback(\n (month: number, year?: number): boolean => {\n const now = new Date();\n year = year \|\| viewDate.getFullYear();\n const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled =\n year >= minYear && year <= maxYear\n ? (year === minYear && minMonth > month) \|\| (year === maxYear && month > maxMonth)\n : true;\n\n if (disableFuture) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n }\n if (disablePast) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n );\n\n const isYearDisabled = React.useCallback(\n (year: number): boolean => {\n const now = new Date();\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled = minYear > year \|\| year > maxYear;\n if (disableFuture) {\n isDisabled = isDisabled \|\| year > now.getFullYear();\n }\n if (disablePast) {\n isDisabled = isDisabled \|\| year < now.getFullYear();\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, minDateTime, maxDateTime],\n );\n\n const resetSelectedDay = React.useCallback(() => {\n setFocusedDay(undefined);\n }, [setFocusedDay]);\n\n return {\n viewDate,\n setViewDate: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n isMonthDisabled,\n isYearDisabled,\n };\n}\n"],"names":["React","DEFAULT_MAX_YEAR","DEFAULT_MIN_YEAR","isDayMinMaxRestricted","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","withTime","now","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","maxYear","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,qBAAqB,QAAQ,kBAAkB;AAC5F,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,QACJ,cAAc;AAiBrB,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,EACa;QAErBC;IADH,MAAM,CAACC,UAAUC,YAAY,GAAGvB,MAAMwB,QAAQ,CAC5C,CAACH,OAAAA,MAAMI,OAAO,CAACb,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCS,kBAAAA,OAA4C,IAAIK;IAEnD,MAAM,CAACC,YAAYC,cAAc,GAAG5B,MAAMwB,QAAQ;IAElD,MAAMK,eAAe7B,MAAM8B,WAAW,CAAC;QACrCZ,wBAAAA,kCAAAA;QACAK,YAAYb,UAAUY,UAAU;IAClC,GAAG;QAACA;QAAUJ;KAAY;IAC1B,MAAMa,eAAe/B,MAAM8B,WAAW,CAAC;QACrCb,wBAAAA,kCAAAA;QACAM,YAAYnB,UAAUkB,UAAU;IAClC,GAAG;QAACA;QAAUL;KAAY;IAE1B,MAAMe,oBAAoBhC,MAAM8B,WAAW,CACzC,CAAClB;QACCI,2BAAAA,qCAAAA,eAAiBJ;QACjBW,YAAYX;IACd,GACA;QAACI;KAAe;IAGlB,MAAMiB,eAAejC,MAAM8B,WAAW,CACpC,CAACI,MAAcC,QAAQR,cAAcnB,UAAU0B,KAAKP,cACpD;QAACA;KAAW;IAGd,MAAMS,gBAAgBpC,MAAM8B,WAAW,CACrC,CAACI,KAAWG;QACV,MAAMC,MAAM,IAAIZ;QAChB,IAAIX,mBAAmB;YACrB,OAAOA,kBAAkBmB;QAC3B;QACA,IAAIpB,eAAe;YACjB,OAAOR,QAAQG,WAAWyB,MAAMI;QAClC;QACA,IAAIzB,aAAa;YACf,OAAON,SAASF,SAAS6B,MAAMI;QACjC;QACA,IAAInB,eAAeC,aAAa;YAC9B,OAAOjB,sBAAsB+B,KAAK;gBAAEK,KAAKpB;gBAAaqB,KAAKpB;gBAAaiB;YAAS;QACnF;QAEA,OAAO;IACT,GACA;QAACvB;QAAeD;QAAaE;QAAmBI;QAAaC;KAAY;IAG3E,MAAMqB,kBAAkBzC,MAAM8B,WAAW,CACvC,CAACY,OAAeC;QACd,MAAML,MAAM,IAAIZ;QAChBiB,OAAOA,QAAQrB,SAASsB,WAAW;QACnC,MAAMC,WAAW1B,cAAcA,YAAY2B,QAAQ,KAAK;QACxD,MAAMC,WAAW3B,cAAcA,YAAY0B,QAAQ,KAAK;QACxD,MAAME,UAAU7B,CAAAA,wBAAAA,kCAAAA,YAAayB,WAAW,OAAM1C;QAC9C,MAAM+C,UAAU7B,CAAAA,wBAAAA,kCAAAA,YAAawB,WAAW,OAAM3C;QAE9C,IAAIiD,aACFP,QAAQK,WAAWL,QAAQM,UACvB,AAACN,SAASK,WAAWH,WAAWH,SAAWC,SAASM,WAAWP,QAAQK,WACvE;QAEN,IAAIjC,eAAe;YACjBoC,aACEA,cACCP,CAAAA,SAASL,IAAIM,WAAW,KAAKF,QAAQJ,IAAIQ,QAAQ,KAAKH,OAAOL,IAAIM,WAAW,EAAC;QAClF;QACA,IAAI/B,aAAa;YACfqC,aACEA,cACCP,CAAAA,SAASL,IAAIM,WAAW,KAAKF,QAAQJ,IAAIQ,QAAQ,KAAKH,OAAOL,IAAIM,WAAW,EAAC;QAClF;QAEA,OAAOM;IACT,GACA;QAACpC;QAAeD;QAAaS;QAAUH;QAAaC;KAAY;IAGlE,MAAM+B,iBAAiBnD,MAAM8B,WAAW,CACtC,CAACa;QACC,MAAML,MAAM,IAAIZ;QAChB,MAAMsB,UAAU7B,CAAAA,wBAAAA,kCAAAA,YAAayB,WAAW,OAAM1C;QAC9C,MAAM+C,UAAU7B,CAAAA,wBAAAA,kCAAAA,YAAawB,WAAW,OAAM3C;QAE9C,IAAIiD,aAAaF,UAAUL,QAAQA,OAAOM;QAC1C,IAAInC,eAAe;YACjBoC,aAAaA,cAAcP,OAAOL,IAAIM,WAAW;QACnD;QACA,IAAI/B,aAAa;YACfqC,aAAaA,cAAcP,OAAOL,IAAIM,WAAW;QACnD;QAEA,OAAOM;IACT,GACA;QAACpC;QAAeD;QAAaM;QAAaC;KAAY;IAGxD,MAAMgC,mBAAmBpD,MAAM8B,WAAW,CAAC;QACzCF,cAAcyB;IAChB,GAAG;QAACzB;KAAc;IAElB,OAAO;QACLN;QACAC,aAAaS;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;QACAgB;QACAX;QACAU;IACF;AACF"}

package/dist/hooks/useDateInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;uBAgFzB,~~mBAAmB~~,CAAC,eAAe,CAAC;;;;EA8E3C"}
1	+ {"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;uBAgFzB,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;;;;EA8E3C"}

package/dist/hooks/useDateInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n maxElement: number;\n refs: Array<React.RefObject<T>>;\n autoFocus?: boolean;\n disabled?: boolean;\n value?: D;\n elementsConfig: (index: number) => {\n length: number;\n min: number;\n max: number;\n };\n onInternalValueChange: (value: string[]) => void;\n getInternalValue: (value?: D \| undefined) => string[];\n onChange?: (value?: D \| undefined) => void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n}: UseDateInputDependencies<T, D>) {\n const { document } = useDOM();\n const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n const rootRef = React.useRef<HTMLDivElement>(null);\n const calendarRef = React.useRef<HTMLDivElement>(null);\n const [internalValue, setInternalValue] = React.useState<string[]>([]);\n const [focusedElement, setFocusedElement] = React.useState<number \| null>(null);\n const { window } = useDOM();\n\n const removeFocusFromField = React.useCallback(() => {\n if (focusedElement !== null) {\n setFocusedElement(null);\n closeCalendar();\n window!.getSelection()?.removeAllRanges();\n setInternalValue(getInternalValue(value));\n }\n }, [focusedElement, closeCalendar, getInternalValue, value, window]);\n\n const handleClickOutside = React.useCallback(\n (e: MouseEvent) => {\n if (\n !rootRef.current?.contains(e.target as Node \| null) &&\n !calendarRef.current?.contains(e.target as Node \| null)\n ) {\n removeFocusFromField();\n }\n },\n [removeFocusFromField],\n );\n\n const selectFirst = React.useCallback(() => {\n setFocusedElement(0);\n }, []);\n\n useGlobalEventListener(document, 'click', handleClickOutside, {\n capture: true,\n });\n\n React.useEffect(() => {\n setInternalValue(getInternalValue(value));\n }, [getInternalValue, value]);\n\n React.useEffect(() => {\n if (autoFocus) {\n selectFirst();\n }\n }, [autoFocus, selectFirst]);\n\n React.useEffect(() => {\n if (disabled \|\| focusedElement === null) {\n return;\n }\n\n const range = window!.document.createRange();\n\n let element = refs[focusedElement].current;\n\n if (element) {\n element.focus();\n openCalendar();\n range.selectNodeContents(element as Node);\n\n const selection = window!.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }\n }, [disabled, focusedElement, openCalendar, refs, window]);\n\n const clear = React.useCallback(() => {\n onChange?.(undefined);\n selectFirst();\n }, [onChange, selectFirst]);\n\n const handleFieldEnter = React.useCallback(() => {\n if (!open) {\n selectFirst();\n }\n }, [open, selectFirst]);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLSpanElement>) => {\n if (focusedElement === null) {\n return;\n }\n\n const _value = [...internalValue];\n const config = elementsConfig(focusedElement);\n\n if (/^\\d+$/.test(e.key)) {\n if (_value[focusedElement].length >= config.length) {\n _value[focusedElement] = e.key;\n } else {\n _value[focusedElement] += e.key;\n if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n setFocusedElement(focusedElement + 1);\n }\n }\n } else if (e.key === 'Backspace') {\n if (!_value[focusedElement]) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else {\n _value[focusedElement] = _value[focusedElement].slice(0, -1);\n }\n } else if (e.key === 'ArrowDown' \|\| e.key === 'Down') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue <= config.min ? config.max : currentValue - 1,\n ).padStart(config.length, '0');\n } else if (e.key === 'ArrowUp' \|\| e.key === 'Up') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue >= config.max ? config.min : currentValue + 1,\n ).padStart(config.length, '0');\n } else if (\n e.key === 'Enter' \|\|\n (e.key === 'Tab' && focusedElement === maxElement) \|\|\n (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n ) {\n removeFocusFromField();\n return;\n } else if (e.key === 'ArrowLeft' \|\| e.key === 'Left' \|\| (e.key === 'Tab' && e.shiftKey)) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else if (e.key === 'ArrowRight' \|\| e.key === 'Right' \|\| e.key === 'Tab') {\n setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n } else if (e.key === 'Delete' \|\| e.key === 'Del') {\n _value[focusedElement] = '';\n } else {\n return;\n }\n\n e.preventDefault();\n setInternalValue(_value);\n onInternalValueChange(_value);\n },\n [\n elementsConfig,\n focusedElement,\n internalValue,\n maxElement,\n onInternalValueChange,\n removeFocusFromField,\n ],\n );\n\n return {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n focusedElement,\n setFocusedElement,\n handleKeyDown,\n clear,\n handleFieldEnter,\n removeFocusFromField,\n };\n}\n"],"names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n maxElement: number;\n refs: Array<React.RefObject<T>>;\n autoFocus?: boolean;\n disabled?: boolean;\n value?: D;\n elementsConfig: (index: number) => {\n length: number;\n min: number;\n max: number;\n };\n onInternalValueChange: (value: string[]) => void;\n getInternalValue: (value?: D \| undefined) => string[];\n onChange?: (value?: D \| undefined) => void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n}: UseDateInputDependencies<T, D>) {\n const { document } = useDOM();\n const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n const rootRef = React.useRef<HTMLDivElement>(null);\n const calendarRef = React.useRef<HTMLDivElement>(null);\n const [internalValue, setInternalValue] = React.useState<string[]>([]);\n const [focusedElement, setFocusedElement] = React.useState<number \| null>(null);\n const { window } = useDOM();\n\n const removeFocusFromField = React.useCallback(() => {\n if (focusedElement !== null) {\n setFocusedElement(null);\n closeCalendar();\n window!.getSelection()?.removeAllRanges();\n setInternalValue(getInternalValue(value));\n }\n }, [focusedElement, closeCalendar, getInternalValue, value, window]);\n\n const handleClickOutside = React.useCallback(\n (e: MouseEvent) => {\n if (\n !rootRef.current?.contains(e.target as Node \| null) &&\n !calendarRef.current?.contains(e.target as Node \| null)\n ) {\n removeFocusFromField();\n }\n },\n [removeFocusFromField],\n );\n\n const selectFirst = React.useCallback(() => {\n setFocusedElement(0);\n }, []);\n\n useGlobalEventListener(document, 'click', handleClickOutside, {\n capture: true,\n });\n\n React.useEffect(() => {\n setInternalValue(getInternalValue(value));\n }, [getInternalValue, value]);\n\n React.useEffect(() => {\n if (autoFocus) {\n selectFirst();\n }\n }, [autoFocus, selectFirst]);\n\n React.useEffect(() => {\n if (disabled \|\| focusedElement === null) {\n return;\n }\n\n const range = window!.document.createRange();\n\n let element = refs[focusedElement].current;\n\n if (element) {\n element.focus();\n openCalendar();\n range.selectNodeContents(element as Node);\n\n const selection = window!.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }\n }, [disabled, focusedElement, openCalendar, refs, window]);\n\n const clear = React.useCallback(() => {\n onChange?.(undefined);\n selectFirst();\n }, [onChange, selectFirst]);\n\n const handleFieldEnter = React.useCallback(() => {\n if (!open) {\n selectFirst();\n }\n }, [open, selectFirst]);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLSpanElement>) => {\n if (focusedElement === null) {\n return;\n }\n\n const _value = [...internalValue];\n const config = elementsConfig(focusedElement);\n\n if (/^\\d+$/.test(e.key)) {\n if (_value[focusedElement].length >= config.length) {\n _value[focusedElement] = e.key;\n } else {\n _value[focusedElement] += e.key;\n if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n setFocusedElement(focusedElement + 1);\n }\n }\n } else if (e.key === 'Backspace') {\n if (!_value[focusedElement]) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else {\n _value[focusedElement] = _value[focusedElement].slice(0, -1);\n }\n } else if (e.key === 'ArrowDown' \|\| e.key === 'Down') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue <= config.min ? config.max : currentValue - 1,\n ).padStart(config.length, '0');\n } else if (e.key === 'ArrowUp' \|\| e.key === 'Up') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue >= config.max ? config.min : currentValue + 1,\n ).padStart(config.length, '0');\n } else if (\n e.key === 'Enter' \|\|\n (e.key === 'Tab' && focusedElement === maxElement) \|\|\n (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n ) {\n removeFocusFromField();\n return;\n } else if (e.key === 'ArrowLeft' \|\| e.key === 'Left' \|\| (e.key === 'Tab' && e.shiftKey)) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else if (e.key === 'ArrowRight' \|\| e.key === 'Right' \|\| e.key === 'Tab') {\n setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n } else if (e.key === 'Delete' \|\| e.key === 'Del') {\n _value[focusedElement] = '';\n } else {\n return;\n }\n\n e.preventDefault();\n setInternalValue(_value);\n onInternalValueChange(_value);\n },\n [\n elementsConfig,\n focusedElement,\n internalValue,\n maxElement,\n onInternalValueChange,\n removeFocusFromField,\n ],\n );\n\n return {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n focusedElement,\n setFocusedElement,\n handleKeyDown,\n clear,\n handleFieldEnter,\n removeFocusFromField,\n };\n}\n"],"names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}

package/dist/hooks/useDirection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ntype Direction = 'ltr' \| 'rtl';\ntype WritingMode = 'horizontal-tb' \| 'vertical-rl' \| 'vertical-lr';\n\n/*\n Определяет направление текста элемента.\n \n ## Ограничения\n \n - Не следит за изменением направлением.\n * - Определяется только на второй рендер.\n \n ## Пример\n \n ```jsx\n * import { strict as assert } from 'node:assert';\n \n const Component = () => {\n * const [ref, direction, writingMode] = useDirection();\n \n React.useEffect(()=>{\n * if (!direction \|\| !writingMode) {\n * return\n * }\n \n assert.equal(direction, 'ltr')\n * assert.equal(writingMode, 'vertical-rl')\n * }, [direction, writingMode])\n \n return <div ref={ref} style={{writingMode: 'vertical-rl'}}>我家没有电脑。</div>\n * }\n * ```\n */\nexport function useDirection<T extends HTMLElement>(): [\n React.RefObject<T>,\n Direction \| undefined,\n WritingMode \| undefined,\n] {\n const ref = React.useRef<T>(null);\n\n const [direction, setDirection] = React.useState<Direction \| undefined>(undefined);\n const [writingMode, setWritingMode] = React.useState<WritingMode \| undefined>(undefined);\n\n const { window } = useDOM();\n\n const update = () => {\n if (!window \|\| !ref.current) {\n return;\n }\n\n const styleDeclaration = window.getComputedStyle(ref.current);\n\n setDirection(styleDeclaration.direction as Direction);\n setWritingMode(styleDeclaration.writingMode as WritingMode);\n };\n\n useIsomorphicLayoutEffect(update, [window]);\n\n return [ref, direction, writingMode];\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","useDirection","ref","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","update","current","styleDeclaration","getComputedStyle"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASC;IAKd,MAAMC,MAAMJ,MAAMK,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGP,MAAMQ,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMQ,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGX;IAEnB,MAAMY,SAAS;QACb,IAAI,CAACD,UAAU,CAACR,IAAIU,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBH,OAAOI,gBAAgB,CAACZ,IAAIU,OAAO;QAE5DP,aAAaQ,iBAAiBT,SAAS;QACvCK,eAAeI,iBAAiBL,WAAW;IAC7C;IAEAR,0BAA0BW,QAAQ;QAACD;KAAO;IAE1C,OAAO;QAACR;QAAKE;QAAWI;KAAY;AACtC"}
1	+ {"version":3,"sources":["../../src/hooks/useDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ntype Direction = 'ltr' \| 'rtl';\ntype WritingMode = 'horizontal-tb' \| 'vertical-rl' \| 'vertical-lr';\n\n/*\n Определяет направление текста элемента.\n \n ## Ограничения\n \n - Не следит за изменением направлением.\n * - Определяется только на второй рендер.\n \n ## Пример\n \n ```jsx\n * import { strict as assert } from 'node:assert';\n \n const Component = () => {\n * const [ref, direction, writingMode] = useDirection();\n \n React.useEffect(()=>{\n * if (!direction \|\| !writingMode) {\n * return\n * }\n \n assert.equal(direction, 'ltr')\n * assert.equal(writingMode, 'vertical-rl')\n * }, [direction, writingMode])\n \n return <div ref={ref} style={{writingMode: 'vertical-rl'}}>我家没有电脑。</div>\n * }\n * ```\n */\nexport function useDirection<T extends HTMLElement>(): [\n React.RefObject<T>,\n Direction \| undefined,\n WritingMode \| undefined,\n] {\n const ref = React.useRef<T>(null);\n\n const [direction, setDirection] = React.useState<Direction \| undefined>(undefined);\n const [writingMode, setWritingMode] = React.useState<WritingMode \| undefined>(undefined);\n\n const { window } = useDOM();\n\n const update = () => {\n if (!window \|\| !ref.current) {\n return;\n }\n\n const styleDeclaration = window.getComputedStyle(ref.current);\n\n setDirection(styleDeclaration.direction as Direction);\n setWritingMode(styleDeclaration.writingMode as WritingMode);\n };\n\n useIsomorphicLayoutEffect(update, [window]);\n\n return [ref, direction, writingMode];\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","useDirection","ref","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","update","current","styleDeclaration","getComputedStyle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASC;IAKd,MAAMC,MAAMJ,MAAMK,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGP,MAAMQ,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMQ,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGX;IAEnB,MAAMY,SAAS;QACb,IAAI,CAACD,UAAU,CAACR,IAAIU,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBH,OAAOI,gBAAgB,CAACZ,IAAIU,OAAO;QAE5DP,aAAaQ,iBAAiBT,SAAS;QACvCK,eAAeI,iBAAiBL,WAAW;IAC7C;IAEAR,0BAA0BW,QAAQ;QAACD;KAAO;IAE1C,OAAO;QAACR;QAAKE;QAAWI;KAAY;AACtC"}

package/dist/hooks/useDraggableWithDomApi/autoScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (clientY: number, scrollEl: Element \| Window) => {\n const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n const { relative, edges } = getScrollRect(scrollEl);\n const viewportHeight = relative.height;\n const documentHeight = getScrollHeight(scrollEl);\n const maxScrollY = documentHeight - viewportHeight;\n const canScrollUp = scrollTop > 0;\n const canScrollDown = scrollTop < maxScrollY;\n\n const [edgeTop, edgeBottom] = edges.y;\n const topDistance = clientY - edgeTop;\n const bottomDistance = edgeBottom - clientY;\n const isInTopEdge = topDistance <= EDGE_SIZE;\n const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n const result = {\n shouldScrolling: (canScrollUp && isInTopEdge) \|\| (canScrollDown && isInBottomEdge),\n y: 0,\n };\n\n // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n if (isInTopEdge) {\n result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n } else if (isInBottomEdge) {\n result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n }\n\n return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (scrollEl: Element \| Window) => {\n let isRunning = false;\n const scheduledScroll = rafSchd(scroll);\n\n function scroll(fn: AutoScrollingDataFn) {\n const { shouldScrolling, y } = fn();\n if (shouldScrolling) {\n isRunning = true;\n scrollEl.scrollBy(0, y);\n scheduledScroll(fn);\n } else {\n isRunning = false;\n scheduledScroll.cancel();\n }\n }\n\n const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n scheduledScroll(fn);\n };\n\n const stop = () => {\n isRunning = false;\n scheduledScroll.cancel();\n };\n\n return {\n tryAutoScroll,\n stop,\n get isRunning() {\n return isRunning;\n },\n };\n};\n"],"names":["getNodeScroll","getScrollHeight","getScrollRect","rafSchd","SCROLL_SPEED","EDGE_SIZE","getAutoScrollingData","clientY","scrollEl","scrollTop","Math","floor","relative","edges","viewportHeight","height","documentHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","createAutoScrollController","isRunning","scheduledScroll","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,aAAa,EAAEC,eAAe,EAAEC,aAAa,QAAQ,gBAAgB;AAC9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,MAAMC,eAAe;AACrB,OAAO,MAAMC,YAAY,GAAG;AAE5B,OAAO,MAAMC,uBAAuB,CAACC,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACX,cAAcQ,UAAUC,SAAS;IAE9D,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGX,cAAcM;IAC1C,MAAMM,iBAAiBF,SAASG,MAAM;IACtC,MAAMC,iBAAiBf,gBAAgBO;IACvC,MAAMS,aAAaD,iBAAiBF;IACpC,MAAMI,cAAcT,YAAY;IAChC,MAAMU,gBAAgBV,YAAYQ;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGR,MAAMS,CAAC;IACrC,MAAMC,cAAchB,UAAUa;IAC9B,MAAMI,iBAAiBH,aAAad;IACpC,MAAMkB,cAAcF,eAAelB;IACnC,MAAMqB,iBAAiBF,kBAAkBnB;IAEzC,MAAMsB,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACjB,CAAAA,YAAYkB,WAAU,IAAKlB,SAAQ,IAAKD;IAC5D,OAAO,IAAIsB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEjB,CAAAA,YAAYmB,cAAa,IAAKnB,YAAaD;IAC1D;IAEA,OAAOuB;AACT,EAAE;AAIF,OAAO,MAAME,6BAA6B,CAACrB;IACzC,IAAIsB,YAAY;IAChB,MAAMC,kBAAkB5B,QAAQ6B;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBE,YAAY;YACZtB,SAAS0B,QAAQ,CAAC,GAAGZ;YACrBS,gBAAgBE;QAClB,OAAO;YACLH,YAAY;YACZC,gBAAgBI,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBF,gBAAgBE;IAClB;IAEA,MAAMI,OAAO;QACXP,YAAY;QACZC,gBAAgBI,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIP,aAAY;YACd,OAAOA;QACT;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (clientY: number, scrollEl: Element \| Window) => {\n const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n const { relative, edges } = getScrollRect(scrollEl);\n const viewportHeight = relative.height;\n const documentHeight = getScrollHeight(scrollEl);\n const maxScrollY = documentHeight - viewportHeight;\n const canScrollUp = scrollTop > 0;\n const canScrollDown = scrollTop < maxScrollY;\n\n const [edgeTop, edgeBottom] = edges.y;\n const topDistance = clientY - edgeTop;\n const bottomDistance = edgeBottom - clientY;\n const isInTopEdge = topDistance <= EDGE_SIZE;\n const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n const result = {\n shouldScrolling: (canScrollUp && isInTopEdge) \|\| (canScrollDown && isInBottomEdge),\n y: 0,\n };\n\n // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n if (isInTopEdge) {\n result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n } else if (isInBottomEdge) {\n result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n }\n\n return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (scrollEl: Element \| Window) => {\n let isRunning = false;\n const scheduledScroll = rafSchd(scroll);\n\n function scroll(fn: AutoScrollingDataFn) {\n const { shouldScrolling, y } = fn();\n if (shouldScrolling) {\n isRunning = true;\n scrollEl.scrollBy(0, y);\n scheduledScroll(fn);\n } else {\n isRunning = false;\n scheduledScroll.cancel();\n }\n }\n\n const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n scheduledScroll(fn);\n };\n\n const stop = () => {\n isRunning = false;\n scheduledScroll.cancel();\n };\n\n return {\n tryAutoScroll,\n stop,\n get isRunning() {\n return isRunning;\n },\n };\n};\n"],"names":["getNodeScroll","getScrollHeight","getScrollRect","rafSchd","SCROLL_SPEED","EDGE_SIZE","getAutoScrollingData","clientY","scrollEl","scrollTop","Math","floor","relative","edges","viewportHeight","height","documentHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","createAutoScrollController","isRunning","scheduledScroll","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"mappings":"AAAA,SAASA,aAAa,EAAEC,eAAe,EAAEC,aAAa,QAAQ,gBAAgB;AAC9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,MAAMC,eAAe;AACrB,OAAO,MAAMC,YAAY,GAAG;AAE5B,OAAO,MAAMC,uBAAuB,CAACC,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACX,cAAcQ,UAAUC,SAAS;IAE9D,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGX,cAAcM;IAC1C,MAAMM,iBAAiBF,SAASG,MAAM;IACtC,MAAMC,iBAAiBf,gBAAgBO;IACvC,MAAMS,aAAaD,iBAAiBF;IACpC,MAAMI,cAAcT,YAAY;IAChC,MAAMU,gBAAgBV,YAAYQ;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGR,MAAMS,CAAC;IACrC,MAAMC,cAAchB,UAAUa;IAC9B,MAAMI,iBAAiBH,aAAad;IACpC,MAAMkB,cAAcF,eAAelB;IACnC,MAAMqB,iBAAiBF,kBAAkBnB;IAEzC,MAAMsB,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACjB,CAAAA,YAAYkB,WAAU,IAAKlB,SAAQ,IAAKD;IAC5D,OAAO,IAAIsB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEjB,CAAAA,YAAYmB,cAAa,IAAKnB,YAAaD;IAC1D;IAEA,OAAOuB;AACT,EAAE;AAIF,OAAO,MAAME,6BAA6B,CAACrB;IACzC,IAAIsB,YAAY;IAChB,MAAMC,kBAAkB5B,QAAQ6B;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBE,YAAY;YACZtB,SAAS0B,QAAQ,CAAC,GAAGZ;YACrBS,gBAAgBE;QAClB,OAAO;YACLH,YAAY;YACZC,gBAAgBI,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBF,gBAAgBE;IAClB;IAEA,MAAMI,OAAO;QACXP,YAAY;QACZC,gBAAgBI,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIP,aAAY;YACd,OAAOA;QACT;IACF;AACF,EAAE"}

package/dist/hooks/useDraggableWithDomApi/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","ITEM_INITIAL_INDEX","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"~~rangeMappings":";;;;;","~~mappings":"AAAA,OAAO,MAAMA,0BAA0B,IAAI;AAE3C,OAAO,MAAMC,qBAAqB,CAAC,EAAE;AAErC,OAAO,MAAMC,iCAAiC,6BAA6B;AAE3E,OAAO,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","ITEM_INITIAL_INDEX","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":"AAAA,OAAO,MAAMA,0BAA0B,IAAI;AAE3C,OAAO,MAAMC,qBAAqB,CAAC,EAAE;AAErC,OAAO,MAAMC,iCAAiC,6BAA6B;AAE3E,OAAO,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO,EAAE"}

package/dist/hooks/useDraggableWithDomApi/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/index.tsx"],"sourcesContent":["export type * from './types';\n\nexport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from './constants';\n\nexport { useDraggableWithDomApi } from './useDraggableWithDomApi';\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","useDraggableWithDomApi"],"~~rangeMappings":";","~~mappings":"AAEA,SAASA,qCAAqC,QAAQ,cAAc;AAEpE,SAASC,sBAAsB,QAAQ,2BAA2B"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/index.tsx"],"sourcesContent":["export type * from './types';\n\nexport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from './constants';\n\nexport { useDraggableWithDomApi } from './useDraggableWithDomApi';\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","useDraggableWithDomApi"],"mappings":"AAEA,SAASA,qCAAqC,QAAQ,cAAc;AAEpE,SAASC,sBAAsB,QAAQ,2BAA2B"}

package/dist/hooks/useDraggableWithDomApi/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\n\nexport type Direction = 'up' \| 'down';\n\nexport type DraggingItem = {\n index: number;\n el: HTMLElement;\n draggingElRect: DOMRect;\n};\n\nexport type PlaceholderItem = {\n index: number;\n el: HTMLElement;\n draggingElRect: DOMRect;\n};\n\nexport type SiblingItem = {\n index: number;\n el: HTMLElement;\n shifted: boolean;\n draggingElRect: DOMRect;\n};\n\nexport type SwappedItemRange = { from: number; to: number };\n\nexport interface UseDraggableProps<T extends HTMLElement = HTMLElement> {\n elRef: React.MutableRefObject<T \| null>;\n onDragFinish?: (value: SwappedItemRange) => void;\n}\n\nexport interface DraggableProps {\n onDragStart: (this: void, event: TouchEvent) => void;\n onDragEnd: (this: void, event: TouchEvent) => void;\n onDragMove: (this: void, event: TouchEvent) => void;\n}\n\nexport interface UseDraggable extends DraggableProps {\n dragging: boolean;\n}\n"],"names":["React"],"~~rangeMappings":"","~~mappings":"AAAA,YAAYA,WAAW,QAAQ"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\n\nexport type Direction = 'up' \| 'down';\n\nexport type DraggingItem = {\n index: number;\n el: HTMLElement;\n draggingElRect: DOMRect;\n};\n\nexport type PlaceholderItem = {\n index: number;\n el: HTMLElement;\n draggingElRect: DOMRect;\n};\n\nexport type SiblingItem = {\n index: number;\n el: HTMLElement;\n shifted: boolean;\n draggingElRect: DOMRect;\n};\n\nexport type SwappedItemRange = { from: number; to: number };\n\nexport interface UseDraggableProps<T extends HTMLElement = HTMLElement> {\n elRef: React.MutableRefObject<T \| null>;\n onDragFinish?: (value: SwappedItemRange) => void;\n}\n\nexport interface DraggableProps {\n onDragStart: (this: void, event: TouchEvent) => void;\n onDragEnd: (this: void, event: TouchEvent) => void;\n onDragMove: (this: void, event: TouchEvent) => void;\n}\n\nexport interface UseDraggable extends DraggableProps {\n dragging: boolean;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/dist/hooks/useDraggableWithDomApi/useDraggableWithDomApi.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,~~mEAGhC~~,~~kBAAkB~~,CAAC,CAAC,KAAG,YAqQzB,CAAC"}
1	+ {"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,2CAGzD,iBAAiB,CAAC,CAAC,CAAC,KAAG,YAqQzB,CAAC"}

package/dist/hooks/useDraggableWithDomApi/useDraggableWithDomApi.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n AUTO_SCROLL_START_DELAY,\n DATA_DRAGGABLE_PLACEHOLDER_KEY,\n ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n Direction,\n DraggingItem,\n PlaceholderItem,\n SiblingItem,\n UseDraggable,\n UseDraggableProps,\n} from './types';\nimport {\n getTargetIsOverOrUnderElData,\n setDraggingItemShiftStyles,\n setInitialDraggingItemStyles,\n setInitialPlaceholderItemStyles,\n setInitialSiblingItemStyles,\n setSiblingItemsShiftStyles,\n unsetInitialDraggingItemStyles,\n unsetInitialPlaceholderItemStyles,\n unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n elRef: draggingElRef,\n onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n const [dragging, setDragging] = React.useState(false);\n const lastClientYRef = React.useRef(0);\n const lastDragShiftYRef = React.useRef(0);\n\n const scrollElRef = React.useRef<Element \| Window \| null>(null);\n const lastScrollTopRef = React.useRef<number>(0);\n const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> \| null>(\n null,\n );\n const initializeScrollRefs = (draggableEl: HTMLElement) => {\n const node = getNearestOverflowAncestor(draggableEl);\n if (node) {\n scrollElRef.current = node;\n lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n }\n };\n const cleanupScrollRefs = () => {\n lastScrollTopRef.current = 0;\n scrollControllerRef.current?.stop();\n scrollElRef.current = scrollControllerRef.current = null;\n };\n\n const lastDragDirectionRef = React.useRef<Direction \| undefined>(undefined);\n const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n const shiftYDiff = prevShiftY - nextShiftY;\n if (shiftYDiff < 0) {\n return 'down';\n }\n if (shiftYDiff > 0) {\n return 'up';\n }\n return lastDragDirectionRef.current;\n };\n\n const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n const draggingItemRef = React.useRef<DraggingItem \| null>(null);\n const placeholderItemRef = React.useRef<PlaceholderItem \| null>(null);\n const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n const initializeItems = (draggingEl: HTMLElement) => {\n const draggingElRect = getBoundingClientRect(draggingEl, true);\n const { children } = draggingEl.parentElement \|\| { children: [] };\n Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n if (el === draggingEl) {\n itemStartIndexRef.current = itemEndIndexRef.current = index;\n draggingItemRef.current = { index, el, draggingElRect };\n } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n placeholderItemRef.current = { index, el, draggingElRect };\n } else {\n siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n }\n });\n if (placeholderItemRef.current) {\n setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n }\n if (draggingItemRef.current) {\n setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n }\n siblingItemsRef.current.forEach(setInitialSiblingItemStyles); // 2. repaint\n };\n const cleanupItems = () => {\n if (placeholderItemRef.current) {\n unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n }\n if (draggingItemRef.current) {\n unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n }\n siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n siblingItemsRef.current = [];\n placeholderItemRef.current = draggingItemRef.current = null;\n\n const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n return swappedItemIndexRange;\n };\n const getShiftAndUnshiftItemsPreparedData = (\n clientY: number,\n ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n itemEndIndexRef.current = itemStartIndexRef.current;\n siblingItemsRef.current.forEach((siblingItem) => {\n const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n clientY,\n getBoundingClientRect(siblingItem.el),\n );\n if (itemStartIndexRef.current < siblingItem.index) {\n if (isOverEl) {\n itemEndIndexRef.current = itemEndIndexRef.current + 1;\n if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n siblingItem.shifted = false;\n shiftItemEls.push([siblingItem, 'up']);\n }\n }\n if (isUnderEl) {\n if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n siblingItem.shifted = true;\n unshiftItemEls.push([siblingItem, 'down']);\n }\n }\n } else if (itemStartIndexRef.current > siblingItem.index) {\n if (isUnderEl) {\n itemEndIndexRef.current = itemEndIndexRef.current - 1;\n if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n siblingItem.shifted = true;\n shiftItemEls.push([siblingItem, 'down']);\n }\n }\n if (isOverEl) {\n if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n siblingItem.shifted = false;\n unshiftItemEls.push([siblingItem, 'up']);\n }\n }\n }\n });\n return [shiftItemEls, unshiftItemEls];\n };\n const setShiftAndUnshiftItemStyles = (\n shiftItemEls: Array<[SiblingItem, Direction]>,\n unshiftItemEls: Array<[SiblingItem, Direction]>,\n ) => {\n shiftItemEls.forEach(setSiblingItemsShiftStyles);\n unshiftItemEls.forEach(setSiblingItemsShiftStyles);\n };\n\n const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const clearSchedulingAutoScrollTimeout = () => {\n if (schedulingAutoScrollTimeoutIdRef.current) {\n clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n schedulingAutoScrollTimeoutIdRef.current = null;\n }\n };\n const tryAutoScroll = () => {\n if (scrollControllerRef.current) {\n scrollControllerRef.current.tryAutoScroll(() => {\n return scrollElRef.current\n ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n : {\n shouldScrolling: false,\n y: 0,\n };\n });\n }\n };\n const schedulingAutoScroll = () => {\n clearSchedulingAutoScrollTimeout();\n schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n schedulingAutoScrollTimeoutIdRef.current = null;\n tryAutoScroll();\n }, AUTO_SCROLL_START_DELAY);\n };\n\n const onDragStart = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n };\n\n const onDragMove = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n\n const draggingEl = draggingElRef.current;\n\n if (!draggingEl) {\n return;\n }\n\n if (dragging) {\n lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n lastDragShiftYRef.current = event.shiftY;\n lastClientYRef.current = event.clientY;\n\n if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n } else {\n const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n lastClientYRef.current,\n );\n setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n schedulingAutoScroll();\n }\n } else {\n setDragging((prevDragging) => {\n // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n // `true`\n if (prevDragging) {\n return prevDragging;\n }\n initializeScrollRefs(draggingEl);\n initializeItems(draggingEl);\n return true;\n });\n }\n };\n\n const onDragEnd = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n\n clearSchedulingAutoScrollTimeout();\n cleanupScrollRefs();\n\n lastClientYRef.current = lastDragShiftYRef.current = 0;\n lastDragDirectionRef.current = undefined;\n\n if (dragging) {\n const swappedItemRange = cleanupItems();\n if (onDragFinish) {\n onDragFinish(swappedItemRange);\n }\n setDragging(false);\n }\n };\n\n const handleScroll = React.useCallback(() => {\n if (!draggingElRef.current \|\| !scrollElRef.current) {\n return;\n }\n\n const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n lastScrollTopRef.current = nextScrollTop;\n\n const [shiftItemEls, unshiftItemEls] =\n getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n }, [draggingElRef]);\n\n useIsomorphicLayoutEffect(\n function recalculateOnScroll() {\n const scrollEl = scrollElRef.current;\n if (!dragging \|\| !scrollEl) {\n return;\n }\n scrollEl.addEventListener('scroll', handleScroll);\n return () => {\n if (scrollEl) {\n scrollEl.removeEventListener('scroll', handleScroll);\n }\n };\n },\n [dragging, handleScroll],\n );\n\n useIsomorphicLayoutEffect(\n () =>\n function componentWillUnmount() {\n if (placeholderItemRef.current) {\n unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n }\n },\n [],\n );\n\n return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["React","getBoundingClientRect","getNearestOverflowAncestor","getNodeScroll","useIsomorphicLayoutEffect","createAutoScrollController","getAutoScrollingData","AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","ITEM_INITIAL_INDEX","getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","current","scrollTop","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","push","shifted","cleanupItems","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","setShiftAndUnshiftItemStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","shouldScrolling","y","schedulingAutoScroll","setTimeout","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n AUTO_SCROLL_START_DELAY,\n DATA_DRAGGABLE_PLACEHOLDER_KEY,\n ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n Direction,\n DraggingItem,\n PlaceholderItem,\n SiblingItem,\n UseDraggable,\n UseDraggableProps,\n} from './types';\nimport {\n getTargetIsOverOrUnderElData,\n setDraggingItemShiftStyles,\n setInitialDraggingItemStyles,\n setInitialPlaceholderItemStyles,\n setInitialSiblingItemStyles,\n setSiblingItemsShiftStyles,\n unsetInitialDraggingItemStyles,\n unsetInitialPlaceholderItemStyles,\n unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n elRef: draggingElRef,\n onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n const [dragging, setDragging] = React.useState(false);\n const lastClientYRef = React.useRef(0);\n const lastDragShiftYRef = React.useRef(0);\n\n const scrollElRef = React.useRef<Element \| Window \| null>(null);\n const lastScrollTopRef = React.useRef<number>(0);\n const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> \| null>(\n null,\n );\n const initializeScrollRefs = (draggableEl: HTMLElement) => {\n const node = getNearestOverflowAncestor(draggableEl);\n if (node) {\n scrollElRef.current = node;\n lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n }\n };\n const cleanupScrollRefs = () => {\n lastScrollTopRef.current = 0;\n scrollControllerRef.current?.stop();\n scrollElRef.current = scrollControllerRef.current = null;\n };\n\n const lastDragDirectionRef = React.useRef<Direction \| undefined>(undefined);\n const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n const shiftYDiff = prevShiftY - nextShiftY;\n if (shiftYDiff < 0) {\n return 'down';\n }\n if (shiftYDiff > 0) {\n return 'up';\n }\n return lastDragDirectionRef.current;\n };\n\n const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n const draggingItemRef = React.useRef<DraggingItem \| null>(null);\n const placeholderItemRef = React.useRef<PlaceholderItem \| null>(null);\n const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n const initializeItems = (draggingEl: HTMLElement) => {\n const draggingElRect = getBoundingClientRect(draggingEl, true);\n const { children } = draggingEl.parentElement \|\| { children: [] };\n Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n if (el === draggingEl) {\n itemStartIndexRef.current = itemEndIndexRef.current = index;\n draggingItemRef.current = { index, el, draggingElRect };\n } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n placeholderItemRef.current = { index, el, draggingElRect };\n } else {\n siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n }\n });\n if (placeholderItemRef.current) {\n setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n }\n if (draggingItemRef.current) {\n setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n }\n siblingItemsRef.current.forEach(setInitialSiblingItemStyles); // 2. repaint\n };\n const cleanupItems = () => {\n if (placeholderItemRef.current) {\n unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n }\n if (draggingItemRef.current) {\n unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n }\n siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n siblingItemsRef.current = [];\n placeholderItemRef.current = draggingItemRef.current = null;\n\n const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n return swappedItemIndexRange;\n };\n const getShiftAndUnshiftItemsPreparedData = (\n clientY: number,\n ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n itemEndIndexRef.current = itemStartIndexRef.current;\n siblingItemsRef.current.forEach((siblingItem) => {\n const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n clientY,\n getBoundingClientRect(siblingItem.el),\n );\n if (itemStartIndexRef.current < siblingItem.index) {\n if (isOverEl) {\n itemEndIndexRef.current = itemEndIndexRef.current + 1;\n if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n siblingItem.shifted = false;\n shiftItemEls.push([siblingItem, 'up']);\n }\n }\n if (isUnderEl) {\n if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n siblingItem.shifted = true;\n unshiftItemEls.push([siblingItem, 'down']);\n }\n }\n } else if (itemStartIndexRef.current > siblingItem.index) {\n if (isUnderEl) {\n itemEndIndexRef.current = itemEndIndexRef.current - 1;\n if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n siblingItem.shifted = true;\n shiftItemEls.push([siblingItem, 'down']);\n }\n }\n if (isOverEl) {\n if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n siblingItem.shifted = false;\n unshiftItemEls.push([siblingItem, 'up']);\n }\n }\n }\n });\n return [shiftItemEls, unshiftItemEls];\n };\n const setShiftAndUnshiftItemStyles = (\n shiftItemEls: Array<[SiblingItem, Direction]>,\n unshiftItemEls: Array<[SiblingItem, Direction]>,\n ) => {\n shiftItemEls.forEach(setSiblingItemsShiftStyles);\n unshiftItemEls.forEach(setSiblingItemsShiftStyles);\n };\n\n const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const clearSchedulingAutoScrollTimeout = () => {\n if (schedulingAutoScrollTimeoutIdRef.current) {\n clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n schedulingAutoScrollTimeoutIdRef.current = null;\n }\n };\n const tryAutoScroll = () => {\n if (scrollControllerRef.current) {\n scrollControllerRef.current.tryAutoScroll(() => {\n return scrollElRef.current\n ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n : {\n shouldScrolling: false,\n y: 0,\n };\n });\n }\n };\n const schedulingAutoScroll = () => {\n clearSchedulingAutoScrollTimeout();\n schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n schedulingAutoScrollTimeoutIdRef.current = null;\n tryAutoScroll();\n }, AUTO_SCROLL_START_DELAY);\n };\n\n const onDragStart = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n };\n\n const onDragMove = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n\n const draggingEl = draggingElRef.current;\n\n if (!draggingEl) {\n return;\n }\n\n if (dragging) {\n lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n lastDragShiftYRef.current = event.shiftY;\n lastClientYRef.current = event.clientY;\n\n if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n } else {\n const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n lastClientYRef.current,\n );\n setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n schedulingAutoScroll();\n }\n } else {\n setDragging((prevDragging) => {\n // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n // `true`\n if (prevDragging) {\n return prevDragging;\n }\n initializeScrollRefs(draggingEl);\n initializeItems(draggingEl);\n return true;\n });\n }\n };\n\n const onDragEnd = (event: TouchEvent) => {\n event.originalEvent.stopPropagation();\n event.originalEvent.preventDefault();\n\n clearSchedulingAutoScrollTimeout();\n cleanupScrollRefs();\n\n lastClientYRef.current = lastDragShiftYRef.current = 0;\n lastDragDirectionRef.current = undefined;\n\n if (dragging) {\n const swappedItemRange = cleanupItems();\n if (onDragFinish) {\n onDragFinish(swappedItemRange);\n }\n setDragging(false);\n }\n };\n\n const handleScroll = React.useCallback(() => {\n if (!draggingElRef.current \|\| !scrollElRef.current) {\n return;\n }\n\n const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n lastScrollTopRef.current = nextScrollTop;\n\n const [shiftItemEls, unshiftItemEls] =\n getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n }, [draggingElRef]);\n\n useIsomorphicLayoutEffect(\n function recalculateOnScroll() {\n const scrollEl = scrollElRef.current;\n if (!dragging \|\| !scrollEl) {\n return;\n }\n scrollEl.addEventListener('scroll', handleScroll);\n return () => {\n if (scrollEl) {\n scrollEl.removeEventListener('scroll', handleScroll);\n }\n };\n },\n [dragging, handleScroll],\n );\n\n useIsomorphicLayoutEffect(\n () =>\n function componentWillUnmount() {\n if (placeholderItemRef.current) {\n unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n }\n },\n [],\n );\n\n return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["React","getBoundingClientRect","getNearestOverflowAncestor","getNodeScroll","useIsomorphicLayoutEffect","createAutoScrollController","getAutoScrollingData","AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","ITEM_INITIAL_INDEX","getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","current","scrollTop","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","push","shifted","cleanupItems","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","setShiftAndUnshiftItemStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","shouldScrolling","y","schedulingAutoScroll","setTimeout","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}

package/dist/hooks/useDraggableWithDomApi/utils.d.ts CHANGED Viewed

@@ -4,11 +4,11 @@ export declare const getTargetIsOverOrUnderElData: (clientY: number, elRect: DOM
     isOverEl: boolean;
 };
 export declare const setDraggingItemShiftStyles: (draggingEl: HTMLElement, nextShiftY: number) => void;
-export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, 'shifted'>, Direction]) => void;
+export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, "shifted">, Direction]) => void;
 export declare const setInitialDraggingItemStyles: ({ el, draggingElRect }: DraggingItem) => void;
 export declare const unsetInitialDraggingItemStyles: ({ el }: DraggingItem) => void;
 export declare const setInitialPlaceholderItemStyles: ({ el, draggingElRect }: PlaceholderItem) => void;
 export declare const unsetInitialPlaceholderItemStyles: ({ el }: PlaceholderItem) => void;
 export declare const setInitialSiblingItemStyles: ({ el, shifted, draggingElRect }: SiblingItem) => void;
-export declare const unsetInitialSiblingItemStyles: ({ el }: Omit<SiblingItem, 'shifted'>) => void;
+export declare const unsetInitialSiblingItemStyles: ({ el }: Omit<SiblingItem, "shifted">) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/hooks/useDraggableWithDomApi/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAAa,MAAM,UAAU,OAAO;;;CAM5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,SAIrF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAMpC,CAAC,~~KAAK~~,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,SAU3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,SAchF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,SAYlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,SAWtF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,SAIxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCAAqC,WAAW,SAUvF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,~~KAAK~~,WAAW,EAAE,SAAS,CAAC,SAMjF,CAAC"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAAa,MAAM,UAAU,OAAO;;;CAM5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,SAIrF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAMpC,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,SAU3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,SAchF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,SAYlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,SAWtF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,SAIxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCAAqC,WAAW,SAUvF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,SAMjF,CAAC"}

package/dist/hooks/useDraggableWithDomApi/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (clientY: number, elRect: DOMRect) => {\n const elRectHalfHeight = elRect.height / 2;\n return {\n isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n isOverEl: clientY >= elRect.top + elRectHalfHeight,\n };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number) => {\n requestAnimationFrame(() => {\n draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n });\n};\n\nexport const setSiblingItemsShiftStyles = ([\n {\n el,\n draggingElRect: { height },\n },\n direction,\n]: [Omit<SiblingItem, 'shifted'>, Direction]) => {\n requestAnimationFrame(() => {\n if (direction === 'up') {\n el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n el.style.removeProperty('transform');\n } else {\n el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n el.style.setProperty('transform', `translateY(${height}px)`);\n }\n });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem) => {\n const { top, left, width, height } = draggingElRect;\n requestAnimationFrame(() => {\n // Inspired by https://github.com/hello-pangea/dnd\n el.style.setProperty('pointer-events', 'none');\n el.style.setProperty('position', 'fixed');\n el.style.setProperty('top', `${top}px`);\n el.style.setProperty('left', `${left}px`);\n el.style.setProperty('width', `${width}px`);\n el.style.setProperty('height', `${height}px`);\n el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n el.style.setProperty('box-sizing', 'border-box');\n el.style.setProperty('transform', 'translateY(0)');\n });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem) => {\n requestAnimationFrame(() => {\n el.style.removeProperty('pointer-events');\n el.style.removeProperty('position');\n el.style.removeProperty('top');\n el.style.removeProperty('left');\n el.style.removeProperty('width');\n el.style.removeProperty('height');\n el.style.removeProperty('z-index');\n el.style.removeProperty('box-sizing');\n el.style.removeProperty('transform');\n });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem) => {\n if (el.firstElementChild) {\n return;\n }\n const { width, height } = draggingElRect;\n const node = el.cloneNode() as HTMLElement;\n node.style.setProperty('display', 'block');\n node.style.setProperty('width', `${width}px`);\n node.style.setProperty('height', `${height}px`);\n node.style.setProperty('pointer-events', 'none');\n el.appendChild(node);\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem) => {\n if (el.firstElementChild) {\n el.firstElementChild.remove();\n }\n};\n\nexport const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }: SiblingItem) => {\n const { height } = draggingElRect;\n requestAnimationFrame(() => {\n el.style.setProperty('pointer-events', 'none');\n el.style.setProperty('transition', 'none 0s ease 0s');\n\n if (shifted) {\n el.style.setProperty('transform', `translateY(${height}px)`);\n }\n });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>) => {\n requestAnimationFrame(() => {\n el.style.removeProperty('pointer-events');\n el.style.removeProperty('transition');\n el.style.removeProperty('transform');\n });\n};\n"],"names":["getTargetIsOverOrUnderElData","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","setDraggingItemShiftStyles","draggingEl","nextShiftY","requestAnimationFrame","style","transform","setSiblingItemsShiftStyles","el","draggingElRect","direction","setProperty","removeProperty","setInitialDraggingItemStyles","left","width","unsetInitialDraggingItemStyles","setInitialPlaceholderItemStyles","firstElementChild","node","cloneNode","appendChild","unsetInitialPlaceholderItemStyles","remove","setInitialSiblingItemStyles","shifted","unsetInitialSiblingItemStyles"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"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"}
1	+ {"version":3,"sources":["../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (clientY: number, elRect: DOMRect) => {\n const elRectHalfHeight = elRect.height / 2;\n return {\n isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n isOverEl: clientY >= elRect.top + elRectHalfHeight,\n };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number) => {\n requestAnimationFrame(() => {\n draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n });\n};\n\nexport const setSiblingItemsShiftStyles = ([\n {\n el,\n draggingElRect: { height },\n },\n direction,\n]: [Omit<SiblingItem, 'shifted'>, Direction]) => {\n requestAnimationFrame(() => {\n if (direction === 'up') {\n el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n el.style.removeProperty('transform');\n } else {\n el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n el.style.setProperty('transform', `translateY(${height}px)`);\n }\n });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem) => {\n const { top, left, width, height } = draggingElRect;\n requestAnimationFrame(() => {\n // Inspired by https://github.com/hello-pangea/dnd\n el.style.setProperty('pointer-events', 'none');\n el.style.setProperty('position', 'fixed');\n el.style.setProperty('top', `${top}px`);\n el.style.setProperty('left', `${left}px`);\n el.style.setProperty('width', `${width}px`);\n el.style.setProperty('height', `${height}px`);\n el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n el.style.setProperty('box-sizing', 'border-box');\n el.style.setProperty('transform', 'translateY(0)');\n });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem) => {\n requestAnimationFrame(() => {\n el.style.removeProperty('pointer-events');\n el.style.removeProperty('position');\n el.style.removeProperty('top');\n el.style.removeProperty('left');\n el.style.removeProperty('width');\n el.style.removeProperty('height');\n el.style.removeProperty('z-index');\n el.style.removeProperty('box-sizing');\n el.style.removeProperty('transform');\n });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem) => {\n if (el.firstElementChild) {\n return;\n }\n const { width, height } = draggingElRect;\n const node = el.cloneNode() as HTMLElement;\n node.style.setProperty('display', 'block');\n node.style.setProperty('width', `${width}px`);\n node.style.setProperty('height', `${height}px`);\n node.style.setProperty('pointer-events', 'none');\n el.appendChild(node);\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem) => {\n if (el.firstElementChild) {\n el.firstElementChild.remove();\n }\n};\n\nexport const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }: SiblingItem) => {\n const { height } = draggingElRect;\n requestAnimationFrame(() => {\n el.style.setProperty('pointer-events', 'none');\n el.style.setProperty('transition', 'none 0s ease 0s');\n\n if (shifted) {\n el.style.setProperty('transform', `translateY(${height}px)`);\n }\n });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>) => {\n requestAnimationFrame(() => {\n el.style.removeProperty('pointer-events');\n el.style.removeProperty('transition');\n el.style.removeProperty('transform');\n });\n};\n"],"names":["getTargetIsOverOrUnderElData","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","setDraggingItemShiftStyles","draggingEl","nextShiftY","requestAnimationFrame","style","transform","setSiblingItemsShiftStyles","el","draggingElRect","direction","setProperty","removeProperty","setInitialDraggingItemStyles","left","width","unsetInitialDraggingItemStyles","setInitialPlaceholderItemStyles","firstElementChild","node","cloneNode","appendChild","unsetInitialPlaceholderItemStyles","remove","setInitialSiblingItemStyles","shifted","unsetInitialSiblingItemStyles"],"mappings":"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"}

package/dist/hooks/useEffectDev.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"~~rangeMappings":";;","~~mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBL,YAAYC,KAAK"}
1	+ {"version":3,"sources":["../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBL,YAAYC,KAAK"}

package/dist/hooks/useEnsuredControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n value?: V;\n defaultValue: V;\n disabled?: boolean \| undefined;\n onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n onChange: onChangeProp,\n disabled,\n ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n const onChange = React.useCallback(\n (e: E) => {\n if (disabled) {\n return;\n }\n\n onChangeValue(e.target.value);\n onChangeProp && onChangeProp(e);\n },\n [onChangeValue, onChangeProp, disabled],\n );\n\n return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n value?: V;\n defaultValue: V;\n disabled?: boolean \| undefined;\n onChange?: (this: void, v: V) => any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n value,\n defaultValue,\n disabled,\n onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n const isControlled = value !== undefined;\n const [localValue, setLocalValue] = React.useState(defaultValue);\n const preservedControlledValueRef = React.useRef<V>();\n\n useIsomorphicLayoutEffect(() => {\n preservedControlledValueRef.current = value;\n });\n\n const onChange = React.useCallback(\n (nextValue: V \| ((prevValue: any) => V)) => {\n if (disabled) {\n return;\n }\n\n if (isFunction(nextValue)) {\n if (!isControlled) {\n setLocalValue((prevValue) => {\n const resolvedValue = nextValue(prevValue);\n if (onChangeProp) {\n onChangeProp(resolvedValue);\n }\n return resolvedValue;\n });\n } else if (onChangeProp) {\n const resolvedValue = nextValue(preservedControlledValueRef.current);\n onChangeProp(resolvedValue);\n }\n } else {\n if (onChangeProp) {\n onChangeProp(nextValue);\n }\n if (!isControlled) {\n setLocalValue(nextValue);\n }\n }\n },\n [disabled, isControlled, onChangeProp],\n );\n\n return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,OAAO,SAASC,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,mCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWJ,MAAMW,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,OAAO,SAASM,wBAAiC,EAC/CF,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGlB,MAAMmB,QAAQ,CAACL;IACnD,MAAMM,8BAA8BpB,MAAMqB,MAAM;IAEhDnB,0BAA0B;QACxBkB,4BAA4BE,OAAO,GAAGd;IACxC;IAEA,MAAMJ,WAAWJ,MAAMW,WAAW,CAChC,CAACY;QACC,IAAIjB,UAAU;YACZ;QACF;QAEA,IAAIL,WAAWsB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAInB,cAAc;wBAChBA,aAAaoB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIpB,cAAc;gBACvB,MAAMoB,gBAAgBF,UAAUH,4BAA4BE,OAAO;gBACnEjB,aAAaoB;YACf;QACF,OAAO;YACL,IAAIpB,cAAc;gBAChBA,aAAakB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAACjB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}
1	+ {"version":3,"sources":["../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n value?: V;\n defaultValue: V;\n disabled?: boolean \| undefined;\n onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n onChange: onChangeProp,\n disabled,\n ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n const onChange = React.useCallback(\n (e: E) => {\n if (disabled) {\n return;\n }\n\n onChangeValue(e.target.value);\n onChangeProp && onChangeProp(e);\n },\n [onChangeValue, onChangeProp, disabled],\n );\n\n return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n value?: V;\n defaultValue: V;\n disabled?: boolean \| undefined;\n onChange?: (this: void, v: V) => any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n value,\n defaultValue,\n disabled,\n onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n const isControlled = value !== undefined;\n const [localValue, setLocalValue] = React.useState(defaultValue);\n const preservedControlledValueRef = React.useRef<V>();\n\n useIsomorphicLayoutEffect(() => {\n preservedControlledValueRef.current = value;\n });\n\n const onChange = React.useCallback(\n (nextValue: V \| ((prevValue: any) => V)) => {\n if (disabled) {\n return;\n }\n\n if (isFunction(nextValue)) {\n if (!isControlled) {\n setLocalValue((prevValue) => {\n const resolvedValue = nextValue(prevValue);\n if (onChangeProp) {\n onChangeProp(resolvedValue);\n }\n return resolvedValue;\n });\n } else if (onChangeProp) {\n const resolvedValue = nextValue(preservedControlledValueRef.current);\n onChangeProp(resolvedValue);\n }\n } else {\n if (onChangeProp) {\n onChangeProp(nextValue);\n }\n if (!isControlled) {\n setLocalValue(nextValue);\n }\n }\n },\n [disabled, isControlled, onChangeProp],\n );\n\n return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,OAAO,SAASC,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,mCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWJ,MAAMW,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,OAAO,SAASM,wBAAiC,EAC/CF,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGlB,MAAMmB,QAAQ,CAACL;IACnD,MAAMM,8BAA8BpB,MAAMqB,MAAM;IAEhDnB,0BAA0B;QACxBkB,4BAA4BE,OAAO,GAAGd;IACxC;IAEA,MAAMJ,WAAWJ,MAAMW,WAAW,CAChC,CAACY;QACC,IAAIjB,UAAU;YACZ;QACF;QAEA,IAAIL,WAAWsB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAInB,cAAc;wBAChBA,aAAaoB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIpB,cAAc;gBACvB,MAAMoB,gBAAgBF,UAAUH,4BAA4BE,OAAO;gBACnEjB,aAAaoB;YACf;QACF,OAAO;YACL,IAAIpB,cAAc;gBAChBA,aAAakB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAACjB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}

package/dist/hooks/useEventListener.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n add: (el: HTMLElement \| Document \| Window) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb: false \| null \| undefined \| ((ev: GlobalEventHandlersEventMap[K]) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n event: string,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n event: string \| K,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n const detach = React.useRef(noop);\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n const add = React.useCallback(\n (el: HTMLElement \| Document \| Window) => {\n if (!canUseDOM) {\n return;\n }\n remove();\n if (!el) {\n return;\n }\n const options = { ..._options };\n el.addEventListener(event, cb, options);\n detach.current = () => el.removeEventListener(event, cb, options);\n },\n [_options, cb, event, remove],\n );\n React.useEffect(() => remove, [remove]);\n\n return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQR,MAAMS,MAAM,CAACH;IAC3BH,0BAA0B;QACxBK,MAAME,OAAO,GAAGJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,WAAW,CAAC,CAACC,IAAWL,MAAME,OAAO,IAAIF,MAAME,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,MAAM,CAACR;IAC5B,MAAMc,SAASf,MAAMY,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,WAAW,CAC3B,CAACK;QACC,IAAI,CAACf,WAAW;YACd;QACF;QACAa;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAMC,UAAU,mBAAKX;QACrBU,GAAGE,gBAAgB,CAACd,OAAOM,IAAIO;QAC/BJ,OAAOJ,OAAO,GAAG,IAAMO,GAAGG,mBAAmB,CAACf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,SAAS,CAAC,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}
1	+ {"version":3,"sources":["../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n add: (el: HTMLElement \| Document \| Window) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb: false \| null \| undefined \| ((ev: GlobalEventHandlersEventMap[K]) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n event: string,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n event: string \| K,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n const detach = React.useRef(noop);\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n const add = React.useCallback(\n (el: HTMLElement \| Document \| Window) => {\n if (!canUseDOM) {\n return;\n }\n remove();\n if (!el) {\n return;\n }\n const options = { ..._options };\n el.addEventListener(event, cb, options);\n detach.current = () => el.removeEventListener(event, cb, options);\n },\n [_options, cb, event, remove],\n );\n React.useEffect(() => remove, [remove]);\n\n return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQR,MAAMS,MAAM,CAACH;IAC3BH,0BAA0B;QACxBK,MAAME,OAAO,GAAGJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,WAAW,CAAC,CAACC,IAAWL,MAAME,OAAO,IAAIF,MAAME,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,MAAM,CAACR;IAC5B,MAAMc,SAASf,MAAMY,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,WAAW,CAC3B,CAACK;QACC,IAAI,CAACf,WAAW;YACd;QACF;QACAa;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAMC,UAAU,mBAAKX;QACrBU,GAAGE,gBAAgB,CAACd,OAAOM,IAAIO;QAC/BJ,OAAOJ,OAAO,GAAG,IAAMO,GAAGG,mBAAmB,CAACf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,SAAS,CAAC,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}

package/dist/hooks/useExternRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n ...externRefs: Array<React.Ref<T> \| undefined \| false>\n): React.MutableRefObject<T \| null> {\n const stableRef = React.useRef<T \| null>(null);\n\n return React.useMemo(\n () => ({\n get current() {\n return stableRef.current;\n },\n set current(el) {\n stableRef.current = el;\n externRefs.forEach((ref) => {\n if (ref) {\n setRef(el, ref);\n }\n });\n },\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n externRefs,\n );\n}\n"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}
1	+ {"version":3,"sources":["../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n ...externRefs: Array<React.Ref<T> \| undefined \| false>\n): React.MutableRefObject<T \| null> {\n const stableRef = React.useRef<T \| null>(null);\n\n return React.useMemo(\n () => ({\n get current() {\n return stableRef.current;\n },\n set current(el) {\n stableRef.current = el;\n externRefs.forEach((ref) => {\n if (ref) {\n setRef(el, ref);\n }\n });\n },\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n externRefs,\n );\n}\n"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}

package/dist/hooks/useFocusVisible.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,~~WAAW~~,WAAW,CAAC;oBAQvB,~~WAAW~~,WAAW,CAAC;EAclC"}
1	+ {"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,UAAU,CAAC,WAAW,CAAC;oBAQvB,UAAU,CAAC,WAAW,CAAC;EAclC"}

package/dist/hooks/useFocusVisible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n const [isFocused, setIsFocused] = useState(false);\n const { keyboardInput } = useContext(AppRootContext);\n\n const onFocus = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(true);\n },\n [setIsFocused],\n );\n\n const onBlur = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(false);\n },\n [setIsFocused],\n );\n\n const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n return {\n focusVisible,\n onFocus,\n onBlur,\n };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}
1	+ {"version":3,"sources":["../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n const [isFocused, setIsFocused] = useState(false);\n const { keyboardInput } = useContext(AppRootContext);\n\n const onFocus = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(true);\n },\n [setIsFocused],\n );\n\n const onBlur = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(false);\n },\n [setIsFocused],\n );\n\n const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n return {\n focusVisible,\n onFocus,\n onBlur,\n };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}

package/dist/hooks/useFocusVisibleClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n inside: styles['-focus-visible--mode-inside'],\n outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n mode === 'inside' \|\| mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n /*\n Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n /\n focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n focusVisible?: boolean;\n mode?: FocusVisibleMode;\n}\n\n/\n Используется для проброса классов состояния :focus-visible в компонент.\n \n Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n focusVisible = false,\n mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n const focusVisibleClassNames = classNames(\n styles['-focus-visible'],\n focusVisible && styles['-focus-visible--focused'],\n focusVisible && modeClassName,\n );\n\n return focusVisibleClassNames;\n}\n"],"names":["classNames","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"~~rangeMappings":";;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAI7C,OAAO,MAAMC,mCAAmC;IAC9CC,MAAM;IACNC,OAAO;AACT,EAAE;AAMF,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBT,iCAE7BO,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}
1	+ {"version":3,"sources":["../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n inside: styles['-focus-visible--mode-inside'],\n outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n mode === 'inside' \|\| mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n /*\n Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n /\n focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n focusVisible?: boolean;\n mode?: FocusVisibleMode;\n}\n\n/\n Используется для проброса классов состояния :focus-visible в компонент.\n \n Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n focusVisible = false,\n mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n const focusVisibleClassNames = classNames(\n styles['-focus-visible'],\n focusVisible && styles['-focus-visible--focused'],\n focusVisible && modeClassName,\n );\n\n return focusVisibleClassNames;\n}\n"],"names":["classNames","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAI7C,OAAO,MAAMC,mCAAmC;IAC9CC,MAAM;IACNC,OAAO;AACT,EAAE;AAMF,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBT,iCAE7BO,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}

package/dist/hooks/useFocusWithin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement \| null>): boolean {\n const { document } = useDOM();\n const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n ref.current && document ? isFocusWithin(ref.current, document) : false,\n );\n\n useIsomorphicLayoutEffect(function handleAutoFocus() {\n /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n if (!document) {\n return;\n }\n\n const handleFocusOrBlurEvents = () => {\n if (ref.current) {\n setFocusWithin(isFocusWithin(ref.current, document));\n }\n };\n\n // Вызываем в начале, чтобы проверить autoFocus\n void handleFocusOrBlurEvents();\n\n document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n return () => {\n document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n };\n }, []);\n\n return focusWithin;\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}
1	+ {"version":3,"sources":["../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement \| null>): boolean {\n const { document } = useDOM();\n const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n ref.current && document ? isFocusWithin(ref.current, document) : false,\n );\n\n useIsomorphicLayoutEffect(function handleAutoFocus() {\n /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n if (!document) {\n return;\n }\n\n const handleFocusOrBlurEvents = () => {\n if (ref.current) {\n setFocusWithin(isFocusWithin(ref.current, document));\n }\n };\n\n // Вызываем в начале, чтобы проверить autoFocus\n void handleFocusOrBlurEvents();\n\n document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n return () => {\n document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n };\n }, []);\n\n return focusWithin;\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}

package/dist/hooks/useGlobalEscKeyDown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n passive: true,\n capture: true,\n};\n\n/*\n Завязывается на document.\n \n @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n const { document } = useDOM();\n useIsomorphicLayoutEffect(() => {\n if (!document \|\| !init \|\| !callback) {\n return;\n }\n const handleKeyDown = (event: KeyboardEvent) => {\n if (pressedKey(event) === Keys.ESCAPE) {\n callback(event);\n }\n };\n document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n return () => {\n document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n };\n }, [init, document, callback]);\n};\n"],"names":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}
1	+ {"version":3,"sources":["../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n passive: true,\n capture: true,\n};\n\n/*\n Завязывается на document.\n \n @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n const { document } = useDOM();\n useIsomorphicLayoutEffect(() => {\n if (!document \|\| !init \|\| !callback) {\n return;\n }\n const handleKeyDown = (event: KeyboardEvent) => {\n if (pressedKey(event) === Keys.ESCAPE) {\n callback(event);\n }\n };\n document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n return () => {\n document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n };\n }, [init, document, callback]);\n};\n"],"names":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}

package/dist/hooks/useGlobalEventListener.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K,\n cb: ((ev: GlobalEventHandlersEventMap[K]) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n K extends keyof GlobalEventHandlersEventMap,\n E extends Event,\n>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K \| string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(() => {\n if (cb && element) {\n listener.add(element);\n } else {\n listener.remove();\n }\n }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"~~rangeMappings":";;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}
1	+ {"version":3,"sources":["../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K,\n cb: ((ev: GlobalEventHandlersEventMap[K]) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n K extends keyof GlobalEventHandlersEventMap,\n E extends Event,\n>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K \| string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(() => {\n if (cb && element) {\n listener.add(element);\n } else {\n listener.remove();\n }\n }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}

package/dist/hooks/useGlobalOnClickOutside.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ import * as React from 'react';
  *
  * @private
  */
-export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | null | undefined, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
+export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | undefined | null, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
 //# sourceMappingURL=useGlobalOnClickOutside.d.ts.map

package/dist/hooks/useGlobalOnClickOutside.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB~~,+GAIxB~~,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}
1	+ {"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,EACzD,WAAW,SAAS,OAAO,sBAEjB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}

package/dist/hooks/useGlobalOnClickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/*\n Завязывается на document.\n \n @private\n */\nexport const useGlobalOnClickOutside = <\n T extends React.RefObject<ElementType> \| undefined \| null,\n ElementType extends Element = Element,\n>(\n callback: (event: MouseEvent) => void,\n ...refs: T[]\n) => {\n const { document } = useDOM();\n useIsomorphicLayoutEffect(() => {\n const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n if (!document \|\| !someRefNotNull) {\n return;\n }\n const handleClick = (event: MouseEvent) => {\n const targetEl = event.target;\n const someRefHasTargetEl =\n isElement(targetEl) &&\n refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n if (!someRefHasTargetEl) {\n callback(event);\n }\n };\n document.addEventListener('click', handleClick, {\n passive: true,\n capture: true,\n });\n return () => {\n document.removeEventListener('click', handleClick, true);\n };\n }, [document, callback, ...refs]);\n};\n"],"names":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}
1	+ {"version":3,"sources":["../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/*\n Завязывается на document.\n \n @private\n */\nexport const useGlobalOnClickOutside = <\n T extends React.RefObject<ElementType> \| undefined \| null,\n ElementType extends Element = Element,\n>(\n callback: (event: MouseEvent) => void,\n ...refs: T[]\n) => {\n const { document } = useDOM();\n useIsomorphicLayoutEffect(() => {\n const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n if (!document \|\| !someRefNotNull) {\n return;\n }\n const handleClick = (event: MouseEvent) => {\n const targetEl = event.target;\n const someRefHasTargetEl =\n isElement(targetEl) &&\n refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n if (!someRefHasTargetEl) {\n callback(event);\n }\n };\n document.addEventListener('click', handleClick, {\n passive: true,\n capture: true,\n });\n return () => {\n document.removeEventListener('click', handleClick, true);\n };\n }, [document, callback, ...refs]);\n};\n"],"names":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}