@sima-land/ui-nucleons 45.0.0-alpha.14 → 45.0.0-alpha.15
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.
- package/carousel/carousel.m.scss +1 -0
- package/dropdown/dropdown.m.scss +2 -2
- package/expandable/utils.d.ts +2 -2
- package/expandable/utils.js +15 -4
- package/expandable/utils.js.map +1 -1
- package/hint/utils.d.ts +2 -10
- package/hint/utils.js.map +1 -1
- package/package.json +2 -2
- package/popup/utils.d.ts +1 -5
- package/popup/utils.js +15 -16
- package/popup/utils.js.map +1 -1
package/carousel/carousel.m.scss
CHANGED
package/dropdown/dropdown.m.scss
CHANGED
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
@include shadows.box-shadow('z4');
|
|
9
9
|
|
|
10
10
|
// задавать можно только максимальную высоту через --dropdown-max-height
|
|
11
|
-
max-height: var(--dropdown-max-height,
|
|
11
|
+
max-height: var(--dropdown-max-height, 376px) !important;
|
|
12
12
|
height: auto !important;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.inner {
|
|
16
|
-
max-height: calc(var(--dropdown-max-height,
|
|
16
|
+
max-height: calc(var(--dropdown-max-height, 376px) - 16px); // вычитаем padding корневого элемента
|
|
17
17
|
}
|
package/expandable/utils.d.ts
CHANGED
|
@@ -21,10 +21,10 @@ export declare function defineLastVisible({ outer, inner, gap, opener, openerWid
|
|
|
21
21
|
* @param callback Callback.
|
|
22
22
|
* @return Функция отписки.
|
|
23
23
|
*/
|
|
24
|
-
export declare function observeWidth(element: Element, callback:
|
|
24
|
+
export declare function observeWidth(element: Element, callback: (width: number) => void): () => void;
|
|
25
25
|
/**
|
|
26
26
|
* Хук для регистрации обработчика изменения ширины элемента.
|
|
27
27
|
* @param ref Ref элемента.
|
|
28
28
|
* @param callback Callback.
|
|
29
29
|
*/
|
|
30
|
-
export declare function useObserveWidth(ref: RefObject<Element>, callback: VoidFunction): void;
|
|
30
|
+
export declare function useObserveWidth(ref: RefObject<Element | null>, callback: VoidFunction): void;
|
package/expandable/utils.js
CHANGED
|
@@ -46,17 +46,27 @@ function observeWidth(element, callback) {
|
|
|
46
46
|
// eslint-disable-next-line require-jsdoc
|
|
47
47
|
const getWidth = () => element.getBoundingClientRect().width;
|
|
48
48
|
let lastWidth = getWidth();
|
|
49
|
+
// ВАЖНО: поскольку ниже используется requestAnimationFrame проверяем активность через флаг
|
|
50
|
+
// в противном случае в React setState может быть вызван после размонтирования
|
|
51
|
+
let enabled = true;
|
|
52
|
+
// @todo использовать контекст
|
|
49
53
|
const observer = new ResizeObserver(() => {
|
|
50
54
|
requestAnimationFrame(() => {
|
|
55
|
+
if (!enabled) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
51
58
|
const actualWidth = getWidth();
|
|
52
59
|
if (lastWidth !== actualWidth) {
|
|
53
60
|
lastWidth = actualWidth;
|
|
54
|
-
callback();
|
|
61
|
+
callback(lastWidth);
|
|
55
62
|
}
|
|
56
63
|
});
|
|
57
64
|
});
|
|
58
65
|
observer.observe(element);
|
|
59
|
-
return () =>
|
|
66
|
+
return () => {
|
|
67
|
+
enabled = false;
|
|
68
|
+
observer.disconnect();
|
|
69
|
+
};
|
|
60
70
|
}
|
|
61
71
|
exports.observeWidth = observeWidth;
|
|
62
72
|
/**
|
|
@@ -68,9 +78,10 @@ function useObserveWidth(ref, callback) {
|
|
|
68
78
|
const callbackRef = (0, react_1.useRef)(callback);
|
|
69
79
|
callbackRef.current = callback;
|
|
70
80
|
(0, react_1.useEffect)(() => {
|
|
71
|
-
if (ref.current) {
|
|
72
|
-
return
|
|
81
|
+
if (!ref.current) {
|
|
82
|
+
return;
|
|
73
83
|
}
|
|
84
|
+
return observeWidth(ref.current, () => callbackRef.current());
|
|
74
85
|
}, [ref]);
|
|
75
86
|
}
|
|
76
87
|
exports.useObserveWidth = useObserveWidth;
|
package/expandable/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/expandable/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,WAAW,GAOZ;IACC,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAE9D,mFAAmF;IACnF,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACtB,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAE7C,uDAAuD;IACvD,IAAI,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAExC,OACE,KAAK,CAAC,gBAAgB,CAAC;QACvB,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EACtE,CAAC;QACD,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,IAAI,GAAwB,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE1D,sFAAsF;IACtF,IAAI,IAAI,KAAK,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,OACE,gBAAgB,IAAI,CAAC;QACrB,KAAK,CAAC,gBAAgB,CAAC;QACvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,WAAW,GAAG,GAAG,EACxF,CAAC;QACD,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,2CAA2C;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC9B,CAAC;AAjDD,8CAiDC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,OAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/expandable/utils.ts"],"names":[],"mappings":"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"}
|
package/hint/utils.d.ts
CHANGED
|
@@ -38,21 +38,13 @@ export declare function getArrowFloatingStyle({ placement, middlewareData, }: Pi
|
|
|
38
38
|
* @param props Пропсы для useHover.
|
|
39
39
|
* @return Опции для открывающего и всплывающего элемента.
|
|
40
40
|
*/
|
|
41
|
-
export declare function useHintOnHover<RT extends ReferenceType = ReferenceType>(floating: Pick<UseFloatingReturn<RT>, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>, props?: UseHoverProps
|
|
42
|
-
getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
43
|
-
getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
44
|
-
getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
45
|
-
};
|
|
41
|
+
export declare function useHintOnHover<RT extends ReferenceType = ReferenceType>(floating: Pick<UseFloatingReturn<RT>, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>, props?: UseHoverProps): import("@floating-ui/react").UseInteractionsReturn;
|
|
46
42
|
/**
|
|
47
43
|
* Показ всплывающего хинта при клике.
|
|
48
44
|
* @param floating Результат вызова useFloating.
|
|
49
45
|
* @return Опции для открывающего и всплывающего элемента.
|
|
50
46
|
*/
|
|
51
|
-
export declare function useHintOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>):
|
|
52
|
-
getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
53
|
-
getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
54
|
-
getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
55
|
-
};
|
|
47
|
+
export declare function useHintOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>): import("@floating-ui/react").UseInteractionsReturn;
|
|
56
48
|
/**
|
|
57
49
|
* Состояние хинта с автоматическим скрытием по таймауту.
|
|
58
50
|
* @param initialState Начальное состояние.
|
package/hint/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/hint/utils.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/hint/utils.ts"],"names":[],"mappings":";;;AAAA,iCASe;AACf,8CAkB4B;AAC5B,4CAA4C;AAC5C,2CAA8C;AAC9C,gEAA2D;AAW3D;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,EACjC,QAAQ,MAGN,EAAE;IACJ,OAAO;QACL,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,KAAK;gBAChB,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;YACF,QAAQ;gBACN,IAAA,aAAK,EAAC;oBACJ,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,CAAC;iBACX,CAAC;SACL;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AAzBD,gDAyBC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,KAAmC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAK;QAC/B,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,GAAG,KAAK;KACT,CAAC,CAAC;IAEH,OAAO;QACL,GAAG,QAAQ;QACX,IAAI,EAAE;YACJ,GAAG,QAAQ,CAAC,IAAI;YAChB,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC;AACJ,CAAC;AAlBD,0CAkBC;AAED;;;;GAIG;AACH,SAAgB,oBAAoB,CAClC,QAA0F;IAE1F,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CACnC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QACpE,gBAAgB,GAAG,EAAE;QACrB,KAAK;KACN,CAAC,CACH,CAAC;IAEF,OAAO;QACL,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,GAAG,EAAE,QAAQ,CAAC,CAAC;QACf,IAAI,EAAE,QAAQ,CAAC,CAAC;QAChB,MAAM,EAAE,KAAK,GAAG,CAAC;QACjB,GAAG,UAAU;KACd,CAAC;AACJ,CAAC;AAnBD,oDAmBC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,cAAc,GAC0C;IACxD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC;IAE5C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAqB,CAAC;IAEzD,yCAAyC;IACzC,MAAM,KAAK,GAAG,CAAC,KAAgC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEhF,yCAAyC;IACzC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,2BAAe,GAAG,CAAC,IAAI,CAAC;IAErD,IAAI,UAAU,GAAkB,EAAE,CAAC;IAEnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,UAAU,GAAG;gBACX,IAAI,EAAE,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,CAAC,CAAC;gBACzB,MAAM,EAAE,UAAU,EAAE;aACrB,CAAC;YACF,MAAM;QACR,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,UAAU,GAAG;gBACX,IAAI,EAAE,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,CAAC,CAAC;gBACzB,GAAG,EAAE,UAAU,EAAE;aAClB,CAAC;YACF,MAAM;QACR,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,UAAU,GAAG;gBACX,GAAG,EAAE,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,CAAC,CAAC;gBACxB,KAAK,EAAE,UAAU,EAAE;aACpB,CAAC;YACF,MAAM;QACR,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,UAAU,GAAG;gBACX,GAAG,EAAE,KAAK,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,CAAC,CAAC;gBACxB,IAAI,EAAE,UAAU,EAAE;aACnB,CAAC;YACF,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AApDD,sDAoDC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,QAGC,EACD,KAAqB;IAErB,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,EAAE;QACvC,WAAW,EAAE,IAAA,mBAAW,GAAE;QAC1B,GAAG,KAAK;KACT,CAAC,CAAC;IAEH,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AAC3D,CAAC;AAfD,wCAeC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAC5B,QAGC;IAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AAXD,wCAWC;AAED;;;;;GAKG;AACH,SAAgB,gBAAgB,CAC9B,YAAqB,EACrB,EAAE,OAAO,GAAG,IAAI,KAA2B,EAAE;IAE7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,YAAY,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAc,EAAQ,EAAE;QACvB,wCAAwC;QACxC,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC9B,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;QAED,mCAAmC;QACnC,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,IAAI,CAAC,EAAE;QACL,MAAM,KAAK,GAAY,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEtE,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAC7B,CAAC;IAEF,OAAO,CAAC,IAAI,EAAE,MAAM,CAAU,CAAC;AACjC,CAAC;AArCD,4CAqCC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sima-land/ui-nucleons",
|
|
3
3
|
"type": "commonjs",
|
|
4
|
-
"version": "45.0.0-alpha.
|
|
4
|
+
"version": "45.0.0-alpha.15",
|
|
5
5
|
"repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
|
|
6
6
|
"author": "www.sima-land.ru team",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"storybook:build": "BROWSERSLIST_ENV=\"storybook\" npx storybook build --quiet --loglevel error -o build-storybook"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@floating-ui/react": "^0.
|
|
31
|
+
"@floating-ui/react": "^0.26.13",
|
|
32
32
|
"@krutoo/input-mask": "^0.0.9",
|
|
33
33
|
"body-scroll-lock": "3.1.5",
|
|
34
34
|
"classnames": "^2.3.2",
|
package/popup/utils.d.ts
CHANGED
|
@@ -25,11 +25,7 @@ export declare function usePopupFloatingStyle({ strategy, x, y, }: Pick<UseFloat
|
|
|
25
25
|
* @param floating Результат вызова useFloating.
|
|
26
26
|
* @return Опции для открывающего и всплывающего элемента.
|
|
27
27
|
*/
|
|
28
|
-
export declare function usePopupOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'x' | 'y'>):
|
|
29
|
-
getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
30
|
-
getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
31
|
-
getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
32
|
-
};
|
|
28
|
+
export declare function usePopupOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'x' | 'y'>): import("@floating-ui/react").UseInteractionsReturn;
|
|
33
29
|
/**
|
|
34
30
|
* Хук ловушки фокуса.
|
|
35
31
|
* @todo Вынести в общие утилиты тк понадобится для Modal и тд.
|
package/popup/utils.js
CHANGED
|
@@ -19,7 +19,6 @@ function popupFloatingConfig({ placement = 'right-start', offset: offsetValue =
|
|
|
19
19
|
(0, react_1.offset)(offsetValue),
|
|
20
20
|
(0, react_1.flip)({
|
|
21
21
|
padding: 16,
|
|
22
|
-
crossAxis: false,
|
|
23
22
|
fallbackAxisSideDirection: 'start',
|
|
24
23
|
}),
|
|
25
24
|
(0, react_1.shift)({
|
|
@@ -67,22 +66,22 @@ function useFocusTrap(ref, { enabled, afterDeactivate, }) {
|
|
|
67
66
|
const afterDeactivateRef = (0, use_identity_ref_1.useIdentityRef)(afterDeactivate);
|
|
68
67
|
(0, hooks_1.useIsomorphicLayoutEffect)(() => {
|
|
69
68
|
const element = ref.current;
|
|
70
|
-
if (enabled
|
|
71
|
-
|
|
72
|
-
allowOutsideClick: true,
|
|
73
|
-
tabbableOptions: { displayCheck: 'none' },
|
|
74
|
-
onPostDeactivate: afterDeactivateRef.current,
|
|
75
|
-
// ВАЖНО: отключаем тк в противном случае в Safari срабатывает :focus-visible
|
|
76
|
-
initialFocus: false,
|
|
77
|
-
});
|
|
78
|
-
trap.activate();
|
|
79
|
-
return () => {
|
|
80
|
-
trap.deactivate({
|
|
81
|
-
// @todo тоже убрать?
|
|
82
|
-
returnFocus: true,
|
|
83
|
-
});
|
|
84
|
-
};
|
|
69
|
+
if (!enabled || !element) {
|
|
70
|
+
return;
|
|
85
71
|
}
|
|
72
|
+
const trap = (0, focus_trap_1.createFocusTrap)(element, {
|
|
73
|
+
allowOutsideClick: true,
|
|
74
|
+
tabbableOptions: { displayCheck: 'none' },
|
|
75
|
+
onPostDeactivate: afterDeactivateRef.current,
|
|
76
|
+
// ВАЖНО: отключаем тк в противном случае в Safari срабатывает :focus-visible
|
|
77
|
+
initialFocus: false,
|
|
78
|
+
});
|
|
79
|
+
trap.activate();
|
|
80
|
+
return () => {
|
|
81
|
+
trap.deactivate({
|
|
82
|
+
returnFocus: true, // @todo тоже убрать?
|
|
83
|
+
});
|
|
84
|
+
};
|
|
86
85
|
}, [ref, enabled]);
|
|
87
86
|
}
|
|
88
87
|
exports.useFocusTrap = useFocusTrap;
|
package/popup/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,SAAS,GAAG,aAAa,EACzB,MAAM,EAAE,WAAW,GAAG,CAAC,MAkBrB,EAAE;IACJ,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,WAAW,CAAC;YACnB,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,SAAS,GAAG,aAAa,EACzB,MAAM,EAAE,WAAW,GAAG,CAAC,MAkBrB,EAAE;IACJ,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,WAAW,CAAC;YACnB,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AApCD,kDAoCC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,CAAC,EACD,CAAC,GAC+C;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,GAAG,CAAC;KAClB,CAAC;AACJ,CAAC;AAbD,sDAaC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,QAAqE;IAErE,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AATD,0CASC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAwC,EACxC,EACE,OAAO,EACP,eAAe,GAIhB;IAED,MAAM,kBAAkB,GAAG,IAAA,iCAAc,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,OAAO,EAAE;YACpC,iBAAiB,EAAE,IAAI;YACvB,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YACzC,gBAAgB,EAAE,kBAAkB,CAAC,OAAO;YAE5C,6EAA6E;YAC7E,YAAY,EAAE,KAAK;SACpB,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,UAAU,CAAC;gBACd,WAAW,EAAE,IAAI,EAAE,qBAAqB;aACzC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC;AApCD,oCAoCC"}
|