urfu-ui-kit-react 2.0.4 → 2.0.5
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/dist/components/ConfirmModal/ConfirmModal.types.d.ts +1 -1
- package/dist/components/ConfirmModal/ConfirmModal.types.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +2 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +12 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Modal/useModalFocus.d.ts +1 -1
- package/dist/components/Modal/useModalFocus.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.d.ts +1 -1
- package/dist/components/Multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.types.d.ts +6 -0
- package/dist/components/Multiselect/Multiselect.types.d.ts.map +1 -1
- package/dist/components/Select/MobileOptionSheet.d.ts +31 -0
- package/dist/components/Select/MobileOptionSheet.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.types.d.ts +6 -0
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/hooks/useMediaQuery.d.ts +9 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/hooks/useMobilePicker.d.ts +6 -0
- package/dist/hooks/useMobilePicker.d.ts.map +1 -0
- package/dist/responsive/uiKitResponsive.d.ts +6 -0
- package/dist/responsive/uiKitResponsive.d.ts.map +1 -1
- package/dist/shared/sheetTitle.d.ts +11 -0
- package/dist/shared/sheetTitle.d.ts.map +1 -0
- package/dist/shared/uiKitDefaults.d.ts +15 -0
- package/dist/shared/uiKitDefaults.d.ts.map +1 -0
- package/dist/style-no-fonts.css +1 -1
- package/dist/style.css +1 -1
- package/dist/urfu-ui-kit-react.js +5786 -5572
- package/package.json +78 -78
|
@@ -17,5 +17,5 @@ export type ConfirmModalProperties = {
|
|
|
17
17
|
/** Заблокировать подтверждение — например, пока идёт запрос. */
|
|
18
18
|
confirmDisabled?: boolean;
|
|
19
19
|
className?: string;
|
|
20
|
-
} & Pick<ModalProperties, 'maxWidth' | 'closeOnEscape' | 'unmountOnClose' | 'notCloseClickOnBack'>;
|
|
20
|
+
} & Pick<ModalProperties, 'maxWidth' | 'closeOnEscape' | 'unmountOnClose' | 'notCloseClickOnBack' | 'mobileSheet'>;
|
|
21
21
|
//# sourceMappingURL=ConfirmModal.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,eAAe,GAAG,gBAAgB,GAAG,qBAAqB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ConfirmModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmModal/ConfirmModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,eAAe,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,aAAa,CAAC,CAAC"}
|
|
@@ -2,5 +2,6 @@ import 'urfu-ui-kit-vanilla/src/main.css';
|
|
|
2
2
|
import type { ModalProperties } from './Modal.types';
|
|
3
3
|
import '../../styles/tokens.less';
|
|
4
4
|
import '../../styles/popup.less';
|
|
5
|
-
|
|
5
|
+
import './Modal.less';
|
|
6
|
+
export declare const Modal: ({ onCancel, active, ariaLabel, ariaLabelledBy, children, maxWidth, maxHeight, className, height, notCloseClickOnBack, closeOnEscape, closeButtonInside, lockScroll, unmountOnClose, portalOn, trapFocus, initialFocus, mobileSheet, }: ModalProperties) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,KAAK,GAAI,uOAmBnB,eAAe,4CAgIjB,CAAA"}
|
|
@@ -37,5 +37,17 @@ export type ModalProperties = Partial<{
|
|
|
37
37
|
portalOn: boolean;
|
|
38
38
|
/** Удерживать клавиатурный фокус и возвращать его после закрытия. По умолчанию true. */
|
|
39
39
|
trapFocus: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Куда поставить фокус при открытии. `first` (по умолчанию) — на первый
|
|
42
|
+
* интерактивный элемент, как раньше. `dialog` — на само окно: на телефоне
|
|
43
|
+
* фокус в поле поиска сразу раскрывал бы клавиатуру поверх списка.
|
|
44
|
+
*/
|
|
45
|
+
initialFocus: 'first' | 'dialog';
|
|
46
|
+
/**
|
|
47
|
+
* На телефоне (до 576 px) показать окно шторкой: прижато к низу, выезжает
|
|
48
|
+
* снизу, скруглено сверху. На широком экране окно прежнее. Не задан —
|
|
49
|
+
* берётся `configureUiKit({ mobileSheets })`, по умолчанию выключено.
|
|
50
|
+
*/
|
|
51
|
+
mobileSheet: boolean;
|
|
40
52
|
}>;
|
|
41
53
|
//# sourceMappingURL=Modal.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC"}
|
|
@@ -8,7 +8,7 @@ type FocusScope = {
|
|
|
8
8
|
export declare const ModalFocusContext: import("react").Context<FocusScope>;
|
|
9
9
|
export declare const isTopModal: (scope: FocusScope) => boolean;
|
|
10
10
|
/** Native focus/Tab handling, with React ancestry retained for child portals. */
|
|
11
|
-
export declare const useModalFocus: (bodyRef: RefObject<HTMLDivElement>, active: boolean, trapFocus: boolean) => {
|
|
11
|
+
export declare const useModalFocus: (bodyRef: RefObject<HTMLDivElement>, active: boolean, trapFocus: boolean, initialFocus?: "first" | "dialog") => {
|
|
12
12
|
scope: FocusScope;
|
|
13
13
|
onFocusCapture: (event: FocusEvent<HTMLElement>) => void;
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModalFocus.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useModalFocus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,UAAU,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAC1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qCAAyC,CAAC;AAIxE,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,OAG4D,CAAC;AAuD5G,iFAAiF;AACjF,eAAO,MAAM,aAAa,GACtB,SAAS,SAAS,CAAC,cAAc,CAAC,EAClC,QAAQ,OAAO,EACf,WAAW,OAAO;;
|
|
1
|
+
{"version":3,"file":"useModalFocus.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useModalFocus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,UAAU,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAC1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qCAAyC,CAAC;AAIxE,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,OAG4D,CAAC;AAuD5G,iFAAiF;AACjF,eAAO,MAAM,aAAa,GACtB,SAAS,SAAS,CAAC,cAAc,CAAC,EAClC,QAAQ,OAAO,EACf,WAAW,OAAO,EAClB,eAAc,OAAO,GAAG,QAAkB;;4BA0FX,UAAU,CAAC,WAAW,CAAC;CAazD,CAAC"}
|
|
@@ -3,5 +3,5 @@ import './Multiselect.less';
|
|
|
3
3
|
import '../../styles/tokens.less';
|
|
4
4
|
import '../../styles/popup.less';
|
|
5
5
|
import type { MultiselectProperties } from './Multiselect.types';
|
|
6
|
-
export declare const Multiselect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, title, required, options, styleSelectContainer, styleTitle, styleSelect, lineUp, placeholder, values, setValues, className, tableView, size, validationText, validationOn, error, absoluteValidationText, disabled, portalOn, isSearchable, onInputChange, loading, inputValue, onInputValueChange, noScroll, id }: MultiselectProperties) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const Multiselect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, title, required, options, styleSelectContainer, styleTitle, styleSelect, lineUp, placeholder, values, setValues, className, tableView, size, validationText, validationOn, error, absoluteValidationText, disabled, portalOn, isSearchable, onInputChange, loading, inputValue, onInputValueChange, noScroll, id, mobilePicker, }: MultiselectProperties) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
//# sourceMappingURL=Multiselect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAoB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAoB,MAAM,qBAAqB,CAAC;AAanF,eAAO,MAAM,WAAW,GAAI,saA+BzB,qBAAqB,4CAkYvB,CAAA"}
|
|
@@ -51,5 +51,11 @@ export type MultiselectProperties = FieldAccessibilityProperties & Partial<{
|
|
|
51
51
|
* возьмёт собственный, так что задавать его больше не обязательно.
|
|
52
52
|
*/
|
|
53
53
|
id: string;
|
|
54
|
+
/**
|
|
55
|
+
* На телефоне (до 576 px) выбирать значения в шторке снизу: список с
|
|
56
|
+
* галочками, поиск и «Готово». Не задан — берётся `configureUiKit({ mobileSheets })`,
|
|
57
|
+
* по умолчанию выключено.
|
|
58
|
+
*/
|
|
59
|
+
mobilePicker: boolean;
|
|
54
60
|
}>;
|
|
55
61
|
//# sourceMappingURL=Multiselect.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.types.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Multiselect.types.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import './MobileOptionSheet.less';
|
|
2
|
+
type SheetOption = {
|
|
3
|
+
label?: string;
|
|
4
|
+
value?: string | number | null;
|
|
5
|
+
icon?: string;
|
|
6
|
+
iconLabel?: string;
|
|
7
|
+
};
|
|
8
|
+
type MobileOptionSheetProps<T extends SheetOption> = {
|
|
9
|
+
active: boolean;
|
|
10
|
+
/** Заголовок шторки — подпись поля, без неё placeholder. */
|
|
11
|
+
title: string;
|
|
12
|
+
options: T[];
|
|
13
|
+
multiple?: boolean;
|
|
14
|
+
isSelected: (option: T) => boolean;
|
|
15
|
+
/** Одиночный выбор — значение выбрано, шторку закрывает вызывающий; множественный — переключение. */
|
|
16
|
+
onSelect: (option: T) => void;
|
|
17
|
+
onClose: () => void;
|
|
18
|
+
/** Показать поиск при любом числе вариантов (`isSearchable` мультиселекта). */
|
|
19
|
+
searchable?: boolean;
|
|
20
|
+
/** Поиск на сервере: текст запроса уходит потребителю, локальный фильтр тоже применяется. */
|
|
21
|
+
onSearchChange?: (query: string) => void;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Выбор значения на телефоне: шторка со списком вместо выпадающего списка под
|
|
26
|
+
* полем — по узкому списку трудно попасть пальцем. Варианты — нативные
|
|
27
|
+
* radio / checkbox, поэтому клавиатура и экранный диктор работают без своей логики.
|
|
28
|
+
*/
|
|
29
|
+
export declare function MobileOptionSheet<T extends SheetOption>({ active, title, options, multiple, isSelected, onSelect, onClose, searchable, onSearchChange, loading, }: MobileOptionSheetProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=MobileOptionSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileOptionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/Select/MobileOptionSheet.tsx"],"names":[],"mappings":"AAQA,OAAO,0BAA0B,CAAC;AA4BlC,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,WAAW,IAAI;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IACnC,qGAAqG;IACrG,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAkB,EAClB,cAAc,EACd,OAAe,GAClB,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAgH3B"}
|
|
@@ -3,5 +3,5 @@ import { SelectProperties } from './Select.types';
|
|
|
3
3
|
import './Select.less';
|
|
4
4
|
import '../../styles/tokens.less';
|
|
5
5
|
import '../../styles/popup.less';
|
|
6
|
-
export declare const Select: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, title, required, options, styleSelectContainer, styleTitle, styleSelect, lineUp, rowGap, columnGap, placeholder, value, isClearable, onChange, className, tableView, size, validationText, validationOn, error, absoluteValidationText, disabled, portalOn, noScroll, variant, id, }: SelectProperties) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const Select: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, title, required, options, styleSelectContainer, styleTitle, styleSelect, lineUp, rowGap, columnGap, placeholder, value, isClearable, onChange, className, tableView, size, validationText, validationOn, error, absoluteValidationText, disabled, portalOn, noScroll, variant, id, mobilePicker, }: SelectProperties) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gBAAgB,CAAA;AACxE,OAAO,eAAe,CAAA;AACtB,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gBAAgB,CAAA;AACxE,OAAO,eAAe,CAAA;AACtB,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAahC,eAAO,MAAM,MAAM,GAAI,uYA8BpB,gBAAgB,4CA2SlB,CAAA"}
|
|
@@ -62,6 +62,12 @@ export type SelectProperties = FieldAccessibilityProperties & Partial<{
|
|
|
62
62
|
* возьмёт собственный, так что задавать его больше не обязательно.
|
|
63
63
|
*/
|
|
64
64
|
id: string;
|
|
65
|
+
/**
|
|
66
|
+
* На телефоне (до 576 px) выбирать значение в шторке снизу со списком
|
|
67
|
+
* и поиском вместо выпадающего списка под полем. Не задан — берётся
|
|
68
|
+
* `configureUiKit({ mobileSheets })`, по умолчанию выключено.
|
|
69
|
+
*/
|
|
70
|
+
mobilePicker: boolean;
|
|
65
71
|
}>;
|
|
66
72
|
export {};
|
|
67
73
|
//# sourceMappingURL=Select.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAAE,cAAc,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,gBAAgB,CAAC,CAAC;AAEjF,MAAM,MAAM,gBAAgB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAAE,cAAc,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,gBAAgB,CAAC,CAAC;AAEjF,MAAM,MAAM,gBAAgB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** Ширина телефона в ките — та же граница, что у стилей (`max-width: 576px`). */
|
|
2
|
+
export declare const MOBILE_MEDIA_QUERY = "(max-width: 576px)";
|
|
3
|
+
/**
|
|
4
|
+
* Подписка на медиазапрос. В отличие от `useUiKitViewport`, не требует
|
|
5
|
+
* `configureUiKit({ responsive: 'urfu' })`: структурные решения компонента
|
|
6
|
+
* (шторка вместо выпадающего списка) не должны зависеть от шкалы размеров.
|
|
7
|
+
*/
|
|
8
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
9
|
+
//# sourceMappingURL=useMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AAsBvD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CASpD"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Открывать ли выбор шторкой: включено пропсом `mobilePicker` или общей
|
|
3
|
+
* настройкой `configureUiKit({ mobileSheets })`, и экран — телефон.
|
|
4
|
+
*/
|
|
5
|
+
export declare function useMobilePicker(mobilePicker: boolean | undefined): boolean;
|
|
6
|
+
//# sourceMappingURL=useMobilePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMobilePicker.d.ts","sourceRoot":"","sources":["../../src/hooks/useMobilePicker.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAG1E"}
|
|
@@ -6,6 +6,12 @@ export type ConfigureUiKitOptions = {
|
|
|
6
6
|
* `urfu` включает общую шкалу 1 / 0.875 / 0.75 на 900 / 576 px.
|
|
7
7
|
*/
|
|
8
8
|
responsive?: UiKitResponsivePreset;
|
|
9
|
+
/**
|
|
10
|
+
* На телефоне (до 576 px) открывать модальные окна и выбор в `Select` /
|
|
11
|
+
* `Multiselect` шторкой снизу. По умолчанию выключено — прежний вид.
|
|
12
|
+
* Пропсы `mobileSheet` и `mobilePicker` у компонента важнее этой настройки.
|
|
13
|
+
*/
|
|
14
|
+
mobileSheets?: boolean;
|
|
9
15
|
};
|
|
10
16
|
/**
|
|
11
17
|
* Включает единый адаптивный режим кита для всего документа.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiKitResponsive.d.ts","sourceRoot":"","sources":["../../src/responsive/uiKitResponsive.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uiKitResponsive.d.ts","sourceRoot":"","sources":["../../src/responsive/uiKitResponsive.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAiDF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,IAAI,CAS9E;AAsDD,wFAAwF;AACxF,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Заголовок шторки — имя поля. Подпись часто стоит снаружи (`FormField title`,
|
|
3
|
+
* `aria-labelledby`), а не в `title` селекта; placeholder — последний вариант.
|
|
4
|
+
*/
|
|
5
|
+
export declare function resolveSheetTitle(field: HTMLElement | null, names: {
|
|
6
|
+
title?: string;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
ariaLabelledBy?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
}): string;
|
|
11
|
+
//# sourceMappingURL=sheetTitle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheetTitle.d.ts","sourceRoot":"","sources":["../../src/shared/sheetTitle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,WAAW,GAAG,IAAI,EACzB,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7F,MAAM,CAUR"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Умолчания кита, которые сервис включает один раз через `configureUiKit`,
|
|
3
|
+
* а компонент может переопределить своим пропсом. Хранятся в модуле: у каждого
|
|
4
|
+
* Qiankun-приложения своя копия библиотеки, поэтому настройка не протекает
|
|
5
|
+
* в соседние сервисы.
|
|
6
|
+
*/
|
|
7
|
+
type UiKitDefaults = {
|
|
8
|
+
/** Модальные окна и выбор в селектах на телефоне — шторкой снизу. */
|
|
9
|
+
mobileSheets: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const getUiKitDefaults: () => Readonly<UiKitDefaults>;
|
|
12
|
+
/** Регистрирует умолчание и возвращает функцию, снимающую именно эту регистрацию. */
|
|
13
|
+
export declare function setUiKitMobileSheets(value: boolean): () => void;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=uiKitDefaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"uiKitDefaults.d.ts","sourceRoot":"","sources":["../../src/shared/uiKitDefaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,qEAAqE;IACrE,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AAaF,eAAO,MAAM,gBAAgB,QAAO,QAAQ,CAAC,aAAa,CAAa,CAAC;AAExE,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,IAAI,CAW/D"}
|