@salutejs/plasma-new-hope 0.113.0-dev.0 → 0.114.0-canary.1326.10178816804.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +30 -0
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js +25 -0
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +13 -0
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
@@ -0,0 +1,26 @@
|
|
1
|
+
export var keys = {
|
2
|
+
Space: 'Space'
|
3
|
+
};
|
4
|
+
export var useKeyNavigation = function useKeyNavigation(_ref) {
|
5
|
+
var isCalendarOpen = _ref.isCalendarOpen,
|
6
|
+
onToggle = _ref.onToggle;
|
7
|
+
var onKeyDown = function onKeyDown(event) {
|
8
|
+
switch (event.code) {
|
9
|
+
case keys.Space:
|
10
|
+
{
|
11
|
+
if (!isCalendarOpen) {
|
12
|
+
event.preventDefault();
|
13
|
+
onToggle(true, event);
|
14
|
+
}
|
15
|
+
break;
|
16
|
+
}
|
17
|
+
default:
|
18
|
+
{
|
19
|
+
break;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
23
|
+
return {
|
24
|
+
onKeyDown: onKeyDown
|
25
|
+
};
|
26
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA8QvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAhRxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyS3G,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXAoKlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtKnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CA+LtG,CAAC"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';
|
2
|
+
interface Props {
|
3
|
+
isCalendarOpen: boolean;
|
4
|
+
onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
|
5
|
+
}
|
6
|
+
export declare const keys: {
|
7
|
+
Space: string;
|
8
|
+
};
|
9
|
+
export declare const useKeyNavigation: ({ isCalendarOpen, onToggle }: Props) => {
|
10
|
+
onKeyDown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
|
11
|
+
};
|
12
|
+
export {};
|
13
|
+
//# sourceMappingURL=useKeyboardNavigation.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,UAAU,KAAK;IACX,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iCAAkC,KAAK;uBACtC,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;CAiB5F,CAAC"}
|