@cloud-ru/uikit-product-fields-predefined 0.13.5 → 0.13.7
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/CHANGELOG.md +22 -0
- package/dist/cjs/components/AIDisclaimer/AIDisclaimer.d.ts +1 -1
- package/dist/cjs/components/AIDisclaimer/AIDisclaimer.js +1 -1
- package/dist/cjs/components/FieldAi/FieldAi.d.ts +3 -3
- package/dist/cjs/components/FieldAi/FieldAi.js +4 -4
- package/dist/cjs/components/FieldAi/components/CheckItem/CheckItem.d.ts +1 -1
- package/dist/cjs/components/FieldAi/components/CheckItem/CheckItem.js +1 -1
- package/dist/cjs/components/FieldAi/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
- package/dist/cjs/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js +1 -1
- package/dist/cjs/components/FieldAi/components/MobileFieldAi/styles.module.css +21 -0
- package/dist/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.d.ts +1 -1
- package/dist/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.js +1 -1
- package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts +1 -1
- package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js +1 -1
- package/dist/cjs/components/FieldAi/styles.module.css +9 -0
- package/dist/cjs/components/FieldChat/FieldChat.d.ts +2 -2
- package/dist/cjs/components/FieldChat/FieldChat.js +3 -3
- package/dist/cjs/components/FieldPhone/FieldPhone.d.ts +3 -3
- package/dist/cjs/components/FieldPhone/FieldPhone.js +2 -2
- package/dist/cjs/components/FieldPhone/countries.js +1 -1
- package/dist/cjs/components/FieldPhone/hooks/useMapCountryToOptions.js +1 -1
- package/dist/cjs/components/SelectCreate/SelectCreate.d.ts +1 -1
- package/dist/cjs/components/SelectCreate/SelectCreate.js +5 -5
- package/dist/cjs/components/SelectCreate/SelectFooter/SelectFooter.js +2 -2
- package/dist/cjs/components/SelectCreate/types.d.ts +2 -2
- package/dist/cjs/components/SelectCreate/useSelectDataStates.d.ts +1 -1
- package/dist/cjs/components/SelectCreate/useSelectDataStates.js +2 -2
- package/dist/cjs/helperComponents/FieldSubmitButton/FieldSubmitButton.js +2 -2
- package/dist/cjs/helpers/isTouchDevice.d.ts +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/AIDisclaimer/AIDisclaimer.d.ts +1 -1
- package/dist/esm/components/AIDisclaimer/AIDisclaimer.js +1 -1
- package/dist/esm/components/FieldAi/FieldAi.d.ts +3 -3
- package/dist/esm/components/FieldAi/FieldAi.js +4 -4
- package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.d.ts +1 -1
- package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.js +1 -1
- package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
- package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js +1 -1
- package/dist/esm/components/FieldAi/components/MobileFieldAi/styles.module.css +21 -0
- package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.d.ts +1 -1
- package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.js +1 -1
- package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts +1 -1
- package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js +1 -1
- package/dist/esm/components/FieldAi/styles.module.css +9 -0
- package/dist/esm/components/FieldChat/FieldChat.d.ts +2 -2
- package/dist/esm/components/FieldChat/FieldChat.js +3 -3
- package/dist/esm/components/FieldPhone/FieldPhone.d.ts +3 -3
- package/dist/esm/components/FieldPhone/FieldPhone.js +2 -2
- package/dist/esm/components/FieldPhone/countries.js +1 -1
- package/dist/esm/components/FieldPhone/hooks/useMapCountryToOptions.js +1 -1
- package/dist/esm/components/SelectCreate/SelectCreate.d.ts +1 -1
- package/dist/esm/components/SelectCreate/SelectCreate.js +5 -5
- package/dist/esm/components/SelectCreate/SelectFooter/SelectFooter.js +2 -2
- package/dist/esm/components/SelectCreate/types.d.ts +2 -2
- package/dist/esm/components/SelectCreate/useSelectDataStates.d.ts +1 -1
- package/dist/esm/components/SelectCreate/useSelectDataStates.js +2 -2
- package/dist/esm/helperComponents/FieldSubmitButton/FieldSubmitButton.js +2 -2
- package/dist/esm/helpers/isTouchDevice.d.ts +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +8 -9
- package/src/components/FieldAi/FieldAi.tsx +2 -2
- package/src/components/FieldAi/components/MobileFieldAi/styles.module.scss +9 -0
- package/src/components/FieldAi/styles.module.scss +18 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.13.7 (2025-11-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **LK-6839:** repaint submitButton and textarea for Giga-helper ([49b1652](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/49b165277c94deea5ececcea54f41a1505424a99))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 0.13.6 (2025-11-13)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## 0.13.5 (2025-11-13)
|
|
7
29
|
|
|
8
30
|
### Only dependencies have been changed
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
type AIDisclaimerProps = WithLayoutType;
|
|
3
3
|
export declare function AIDisclaimer({ layoutType }: AIDisclaimerProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export {};
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.AIDisclaimer = AIDisclaimer;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_locale_1 = require("@
|
|
8
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
9
9
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
10
10
|
function AIDisclaimer({ layoutType }) {
|
|
11
11
|
const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
export type FieldAiProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
|
|
4
4
|
/** Режим ввода sensitive данных (пароля, API ключей, токенов, etc) */
|
|
5
5
|
secure?: boolean | 'password';
|
|
@@ -16,5 +16,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
|
|
|
16
16
|
/** Действие при клике по кнопке сброса контекста */
|
|
17
17
|
onResetContextClick?(): void;
|
|
18
18
|
} & {
|
|
19
|
-
layoutType: import("@
|
|
19
|
+
layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
|
|
20
20
|
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -18,9 +18,9 @@ exports.FieldAi = void 0;
|
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const uikit_product_icons_1 = require("@
|
|
22
|
-
const uikit_product_locale_1 = require("@
|
|
23
|
-
const uikit_product_mobile_fields_1 = require("@
|
|
21
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
22
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
23
|
+
const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
|
|
24
24
|
const button_1 = require("@snack-uikit/button");
|
|
25
25
|
const tooltip_1 = require("@snack-uikit/tooltip");
|
|
26
26
|
const FieldSubmitButton_1 = require("../../helperComponents/FieldSubmitButton");
|
|
@@ -62,5 +62,5 @@ exports.FieldAi = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
62
62
|
if (isTouchDevice && !secure) {
|
|
63
63
|
return ((0, jsx_runtime_1.jsx)(MobileFieldAi_1.MobileFieldAi, Object.assign({}, props, (0, uikit_product_mobile_fields_1.getAdaptiveFieldProps)(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
|
|
64
64
|
}
|
|
65
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [(0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: secure && isValueHidden ? styles_module_scss_1.default.secured : undefined, onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: secure && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secure && onResetContextClick && ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: !isTouchDevice, className: isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined, active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && (0, jsx_runtime_1.jsx)(AIDisclaimer_1.AIDisclaimer, { layoutType: layoutType })] }));
|
|
65
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [(0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: (0, classnames_1.default)(styles_module_scss_1.default.textarea, secure && isValueHidden ? styles_module_scss_1.default.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: secure && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secure && onResetContextClick && ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: !isTouchDevice, className: (0, classnames_1.default)(styles_module_scss_1.default.submitButton, isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && (0, jsx_runtime_1.jsx)(AIDisclaimer_1.AIDisclaimer, { layoutType: layoutType })] }));
|
|
66
66
|
});
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.CheckItem = CheckItem;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = require("react");
|
|
9
|
-
const uikit_product_icons_1 = require("@
|
|
9
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
10
10
|
const typography_1 = require("@snack-uikit/typography");
|
|
11
11
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
12
12
|
const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
2
|
export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "size" | "placeholder" | "label" | "spellCheck" | "labelTooltip" | "required" | "footer"> & {
|
|
3
3
|
onSubmit(): void;
|
|
4
4
|
submitEnabled: boolean;
|
|
@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.MobileFieldAi = void 0;
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const react_1 = require("react");
|
|
20
|
-
const uikit_product_locale_1 = require("@
|
|
20
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
21
21
|
const scroll_1 = require("@snack-uikit/scroll");
|
|
22
22
|
const FieldSubmitButton_1 = require("../../../../helperComponents/FieldSubmitButton");
|
|
23
23
|
const TextArea_1 = require("../TextArea");
|
|
@@ -34,6 +34,12 @@
|
|
|
34
34
|
paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
|
|
35
35
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
36
36
|
}
|
|
37
|
+
.mobileInputWrapper[data-size=s] .textarea::-moz-placeholder{
|
|
38
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
39
|
+
}
|
|
40
|
+
.mobileInputWrapper[data-size=s] .textarea::placeholder{
|
|
41
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
42
|
+
}
|
|
37
43
|
.mobileInputWrapper[data-size=m]{
|
|
38
44
|
--row-height:var(--sans-body-m-line-height, 20px);
|
|
39
45
|
--horizontal-scroll-bar-height:calc(var(--dimension-025m, 2px) + var(--dimension-050m, 4px));
|
|
@@ -47,6 +53,12 @@
|
|
|
47
53
|
paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
|
|
48
54
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
49
55
|
}
|
|
56
|
+
.mobileInputWrapper[data-size=m] .textarea::-moz-placeholder{
|
|
57
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
58
|
+
}
|
|
59
|
+
.mobileInputWrapper[data-size=m] .textarea::placeholder{
|
|
60
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
61
|
+
}
|
|
50
62
|
.mobileInputWrapper[data-size=l]{
|
|
51
63
|
--row-height:var(--sans-body-l-line-height, 24px);
|
|
52
64
|
--horizontal-scroll-bar-height:var(--dimension-1m, 8px);
|
|
@@ -60,6 +72,12 @@
|
|
|
60
72
|
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
61
73
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
62
74
|
}
|
|
75
|
+
.mobileInputWrapper[data-size=l] .textarea::-moz-placeholder{
|
|
76
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
77
|
+
}
|
|
78
|
+
.mobileInputWrapper[data-size=l] .textarea::placeholder{
|
|
79
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
80
|
+
}
|
|
63
81
|
|
|
64
82
|
.mobileSubmitButtonWrapper{
|
|
65
83
|
width:32px;
|
|
@@ -75,6 +93,9 @@
|
|
|
75
93
|
position:relative !important;
|
|
76
94
|
flex-shrink:0 !important;
|
|
77
95
|
}
|
|
96
|
+
.mobileSubmitButton:not([data-disabled]){
|
|
97
|
+
background:radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
98
|
+
}
|
|
78
99
|
.mobileSubmitButton:after{
|
|
79
100
|
content:"";
|
|
80
101
|
display:flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { ValidationPassword } from '../../utils';
|
|
3
3
|
export type WithPasswordTooltipProps = WithLayoutType<{
|
|
4
4
|
passwordValidation: ValidationPassword;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.PasswordValidation = PasswordValidation;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = require("react");
|
|
9
|
-
const uikit_product_locale_1 = require("@
|
|
9
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
10
10
|
const helpers_1 = require("../../../../helpers");
|
|
11
11
|
const CheckItem_1 = require("../CheckItem");
|
|
12
12
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { WithLayoutType } from '@
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ValidationPassword } from '../../utils';
|
|
4
4
|
export type WithPasswordTooltipProps = WithLayoutType<{
|
|
5
5
|
showValidation?: boolean;
|
package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js
CHANGED
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.WithPasswordValidation = WithPasswordValidation;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_mobile_tooltip_1 = require("@
|
|
8
|
+
const uikit_product_mobile_tooltip_1 = require("@cloud-ru/uikit-product-mobile-tooltip");
|
|
9
9
|
const helpers_1 = require("../../../../helpers");
|
|
10
10
|
const PasswordValidation_1 = require("../PasswordValidation");
|
|
11
11
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
@@ -22,4 +22,13 @@
|
|
|
22
22
|
top:50%;
|
|
23
23
|
left:50%;
|
|
24
24
|
transform:translate(-50%, -50%);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.submitButton:not([data-disabled]){
|
|
28
|
+
background:radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.textarea > :first-child[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]){
|
|
32
|
+
border-color:transparent;
|
|
33
|
+
background:linear-gradient(var(--sys-neutral-background2-level), var(--sys-neutral-background2-level) 0) padding-box, radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 8%, #78B9EC 17%, #70C6DD 28%, #64D8C7 38%, #5FD7C2 44%, #54D5B3 51%, #40D39C 58%, #26D07C 66%) border-box;
|
|
25
34
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { AttachmentSquareProps } from '@snack-uikit/attachment';
|
|
4
4
|
import { FileUploadProps } from '@snack-uikit/drop-zone';
|
|
5
5
|
export type FieldChatProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'hint' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
|
|
@@ -17,9 +17,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.FieldChat = FieldChat;
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const react_1 = require("react");
|
|
20
|
-
const uikit_product_icons_1 = require("@
|
|
21
|
-
const uikit_product_locale_1 = require("@
|
|
22
|
-
const uikit_product_mobile_fields_1 = require("@
|
|
20
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
21
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
22
|
+
const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
|
|
23
23
|
const button_1 = require("@snack-uikit/button");
|
|
24
24
|
const drop_zone_1 = require("@snack-uikit/drop-zone");
|
|
25
25
|
const tooltip_1 = require("@snack-uikit/tooltip");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FieldTextProps } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FieldTextProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { CountrySettings, FieldPhoneOptionsProps } from './types';
|
|
4
4
|
export type FieldPhoneProps = WithLayoutType<Omit<FieldTextProps, 'prefix' | 'prefixIcon' | 'postfix' | 'placeholder' | 'autocomplete' | 'decoratorRef' | 'allowMoreThanMaxLength' | 'onKeyDown' | 'button' | 'maxLength' | 'inputMode'> & {
|
|
5
5
|
/** Включить скролл для основной части списка стран */
|
|
@@ -21,5 +21,5 @@ export declare const FieldPhone: import("react").ForwardRefExoticComponent<Omit<
|
|
|
21
21
|
/** options — объект конфигурации для изменения стандартного списка стран */
|
|
22
22
|
options?: CountrySettings;
|
|
23
23
|
} & {
|
|
24
|
-
layoutType: import("@
|
|
24
|
+
layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
|
|
25
25
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -20,8 +20,8 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
20
20
|
const merge_refs_1 = __importDefault(require("merge-refs"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
22
|
const react_imask_1 = require("react-imask");
|
|
23
|
-
const uikit_product_mobile_dropdown_1 = require("@
|
|
24
|
-
const uikit_product_mobile_fields_1 = require("@
|
|
23
|
+
const uikit_product_mobile_dropdown_1 = require("@cloud-ru/uikit-product-mobile-dropdown");
|
|
24
|
+
const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
|
|
25
25
|
const utils_1 = require("@snack-uikit/utils");
|
|
26
26
|
const constants_1 = require("./constants");
|
|
27
27
|
const hooks_1 = require("./hooks");
|
|
@@ -5,7 +5,7 @@ exports.TUVALU_COUNTRY_CODE = exports.TONGA_COUNTRY_CODE = exports.TAJIKISTAN_CO
|
|
|
5
5
|
exports.VENEZUELA_COUNTRY_CODE = exports.SENEGAL_COUNTRY_CODE = exports.NICARAGUA_COUNTRY_CODE = exports.MOZAMBIQUE_COUNTRY_CODE = exports.HAITI_COUNTRY_CODE = exports.YEMEN_COUNTRY_CODE = exports.PARAGUAY_COUNTRY_CODE = exports.MALAYSIA_COUNTRY_CODE = exports.ECUADOR_COUNTRY_CODE = exports.ARGENTINA_COUNTRY_CODE = exports.CHILE_COUNTRY_CODE = exports.COSTA_RICA_COUNTRY_CODE = exports.HONG_KONG_COUNTRY_CODE = exports.NORWAY_COUNTRY_CODE = exports.CHAD_COUNTRY_CODE = exports.SWEDEN_COUNTRY_CODE = exports.LIBYA_COUNTRY_CODE = exports.JORDAN_COUNTRY_CODE = exports.KENYA_COUNTRY_CODE = exports.SUDAN_COUNTRY_CODE = exports.GUINEA_COUNTRY_CODE = exports.CONGO_COUNTRY_CODE = exports.UGANDA_COUNTRY_CODE = exports.COTE_D_IVOIRE_COUNTRY_CODE = exports.ZAMBIA_COUNTRY_CODE = exports.RWANDA_COUNTRY_CODE = exports.GHANA_COUNTRY_CODE = exports.CAMEROON_COUNTRY_CODE = exports.BENIN_COUNTRY_CODE = exports.NIGERIA_COUNTRY_CODE = exports.TAIWAN_COUNTRY_CODE = exports.JAPAN_COUNTRY_CODE = exports.SOUTH_SUDAN_COUNTRY_CODE = exports.SOUTH_KOREA_COUNTRY_CODE = exports.SOUTH_AFRICA_COUNTRY_CODE = exports.ETHIOPIA_COUNTRY_CODE = exports.ESTONIA_COUNTRY_CODE = exports.SWITZERLAND_COUNTRY_CODE = exports.MONTENEGRO_COUNTRY_CODE = exports.CENTRAL_AFRICAN_REPUBLIC_COUNTRY_CODE = exports.CROATIA_COUNTRY_CODE = exports.FRENCH_POLYNESIA_COUNTRY_CODE = exports.FRANCE_COUNTRY_CODE = exports.FINLAND_COUNTRY_CODE = exports.FIJI_COUNTRY_CODE = exports.URUGUAY_COUNTRY_CODE = exports.UKRAINE_COUNTRY_CODE = exports.UZBEKISTAN_COUNTRY_CODE = exports.TURKEY_COUNTRY_CODE = exports.TURKMENISTAN_COUNTRY_CODE = void 0;
|
|
6
6
|
exports.ENABLED_COUNTRY_CODES = exports.ALL_COUNTRY_CODES = exports.CAMBODIA_COUNTRY_CODE = exports.PALESTINE_COUNTRY_CODE = exports.QATAR_COUNTRY_CODE = exports.TANZANIA_COUNTRY_CODE = exports.INDONESIA_COUNTRY_CODE = exports.THAILAND_COUNTRY_CODE = exports.VIETNAM_COUNTRY_CODE = exports.SRI_LANKA_COUNTRY_CODE = exports.AFGHANISTAN_COUNTRY_CODE = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_icons_1 = require("@
|
|
8
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
9
9
|
exports.RUSSIA_COUNTRY_CODE = {
|
|
10
10
|
value: 'russia',
|
|
11
11
|
iso2: 'RU',
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMapCountryToOptions = useMapCountryToOptions;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const uikit_product_locale_1 = require("@
|
|
5
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
6
6
|
function useMapCountryToOptions() {
|
|
7
7
|
const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
|
|
8
8
|
const mapCountryToOption = (0, react_1.useCallback)(({ value: id, mask, caption, beforeContent, iso2 }) => ({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
|
|
3
3
|
import { EntityName, FieldSelectProps, LayoutProps } from './types';
|
|
4
4
|
export type SelectCreateProps = WithSupportProps<WithLayoutType & LayoutProps & {
|
|
@@ -23,11 +23,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
23
23
|
exports.SelectCreate = void 0;
|
|
24
24
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
25
25
|
const react_1 = require("react");
|
|
26
|
-
const uikit_product_icons_1 = require("@
|
|
27
|
-
const uikit_product_locale_1 = require("@
|
|
28
|
-
const uikit_product_mobile_fields_1 = require("@
|
|
29
|
-
const uikit_product_mobile_modal_1 = require("@
|
|
30
|
-
const uikit_product_utils_1 = require("@
|
|
26
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
27
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
28
|
+
const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
|
|
29
|
+
const uikit_product_mobile_modal_1 = require("@cloud-ru/uikit-product-mobile-modal");
|
|
30
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
31
31
|
const button_1 = require("@snack-uikit/button");
|
|
32
32
|
const tooltip_1 = require("@snack-uikit/tooltip");
|
|
33
33
|
const hooks_1 = require("../../hooks");
|
|
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.SelectFooter = SelectFooter;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_icons_1 = require("@
|
|
9
|
-
const uikit_product_locale_1 = require("@
|
|
8
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
9
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
10
10
|
const button_1 = require("@snack-uikit/button");
|
|
11
11
|
const tooltip_1 = require("@snack-uikit/tooltip");
|
|
12
12
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { FieldSelectMultipleProps, FieldSelectSingleProps } from '@
|
|
3
|
-
import { AdaptiveDrawerProps, AdaptiveModalProps } from '@
|
|
2
|
+
import { FieldSelectMultipleProps, FieldSelectSingleProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
3
|
+
import { AdaptiveDrawerProps, AdaptiveModalProps } from '@cloud-ru/uikit-product-mobile-modal';
|
|
4
4
|
type CommonModalDrawerProps = 'open' | 'onClose' | 'approveButton' | 'cancelButton' | 'layoutType';
|
|
5
5
|
type CreateLayoutModalProps = Omit<AdaptiveModalProps, CommonModalDrawerProps> & {
|
|
6
6
|
content: ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldSelectProps } from '@
|
|
1
|
+
import { FieldSelectProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
2
|
import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
|
|
3
3
|
import { EntityName } from './types';
|
|
4
4
|
type Props = {
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useSelectDataStates = useSelectDataStates;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const uikit_product_icons_1 = require("@
|
|
7
|
-
const uikit_product_locale_1 = require("@
|
|
6
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
7
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
8
8
|
const button_1 = require("@snack-uikit/button");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
10
|
function useSelectDataStates({ onRefetch, entityName, entityIcon }) {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FieldSubmitButton = FieldSubmitButton;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const uikit_product_icons_1 = require("@
|
|
6
|
-
const uikit_product_locale_1 = require("@
|
|
5
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
6
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
7
7
|
const button_1 = require("@snack-uikit/button");
|
|
8
8
|
const tooltip_1 = require("@snack-uikit/tooltip");
|
|
9
9
|
function FieldSubmitButton({ active, handleClick, size = 'xs', className, fullWidth, showTooltip = true, }) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
export declare function isTouchDevice(layoutType: LayoutType): boolean;
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -18,5 +18,5 @@ exports.setNonce = exports.getSymbolsRangeFromMask = void 0;
|
|
|
18
18
|
__exportStar(require("./components"), exports);
|
|
19
19
|
var helpers_1 = require("./helpers");
|
|
20
20
|
Object.defineProperty(exports, "getSymbolsRangeFromMask", { enumerable: true, get: function () { return helpers_1.getSymbolsRangeFromMask; } });
|
|
21
|
-
var uikit_product_mobile_fields_1 = require("@
|
|
21
|
+
var uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
|
|
22
22
|
Object.defineProperty(exports, "setNonce", { enumerable: true, get: function () { return uikit_product_mobile_fields_1.setNonce; } });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
type AIDisclaimerProps = WithLayoutType;
|
|
3
3
|
export declare function AIDisclaimer({ layoutType }: AIDisclaimerProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useLocale } from '@
|
|
2
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
3
3
|
import styles from './styles.module.css';
|
|
4
4
|
export function AIDisclaimer({ layoutType }) {
|
|
5
5
|
const { t } = useLocale('FieldsPredefined');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
export type FieldAiProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
|
|
4
4
|
/** Режим ввода sensitive данных (пароля, API ключей, токенов, etc) */
|
|
5
5
|
secure?: boolean | 'password';
|
|
@@ -16,5 +16,5 @@ export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<Fie
|
|
|
16
16
|
/** Действие при клике по кнопке сброса контекста */
|
|
17
17
|
onResetContextClick?(): void;
|
|
18
18
|
} & {
|
|
19
|
-
layoutType: import("@
|
|
19
|
+
layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
|
|
20
20
|
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import cn from 'classnames';
|
|
14
14
|
import { forwardRef, useMemo, useState } from 'react';
|
|
15
|
-
import { EyeClosedSVG, EyeSVG } from '@
|
|
16
|
-
import { useLocale } from '@
|
|
17
|
-
import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@
|
|
15
|
+
import { EyeClosedSVG, EyeSVG } from '@cloud-ru/uikit-product-icons';
|
|
16
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
17
|
+
import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@cloud-ru/uikit-product-mobile-fields';
|
|
18
18
|
import { ButtonFunction, ButtonOutline } from '@snack-uikit/button';
|
|
19
19
|
import { Tooltip } from '@snack-uikit/tooltip';
|
|
20
20
|
import { FieldSubmitButton } from '../../helperComponents/FieldSubmitButton';
|
|
@@ -56,5 +56,5 @@ export const FieldAi = forwardRef((_a, ref) => {
|
|
|
56
56
|
if (isTouchDevice && !secure) {
|
|
57
57
|
return (_jsx(MobileFieldAi, Object.assign({}, props, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
|
|
58
58
|
}
|
|
59
|
-
return (_jsxs("div", { className: cn(styles.wrapper, className), children: [_jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: _jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: secure && isValueHidden ? styles.secured : undefined, onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: _jsx(TextAreaActionsFooter, { left: secure && (_jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: _jsxs(_Fragment, { children: [secure && onResetContextClick && (_jsx(Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: _jsx(ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), _jsx(FieldSubmitButton, { showTooltip: !isTouchDevice, className: isTouchDevice ? styles.mobileSubmitButton : undefined, active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && _jsx(AIDisclaimer, { layoutType: layoutType })] }));
|
|
59
|
+
return (_jsxs("div", { className: cn(styles.wrapper, className), children: [_jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: _jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: _jsx(TextAreaActionsFooter, { left: secure && (_jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: _jsxs(_Fragment, { children: [secure && onResetContextClick && (_jsx(Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: _jsx(ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), _jsx(FieldSubmitButton, { showTooltip: !isTouchDevice, className: cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && _jsx(AIDisclaimer, { layoutType: layoutType })] }));
|
|
60
60
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import { CheckSVG } from '@
|
|
3
|
+
import { CheckSVG } from '@cloud-ru/uikit-product-icons';
|
|
4
4
|
import { Typography } from '@snack-uikit/typography';
|
|
5
5
|
import styles from './styles.module.css';
|
|
6
6
|
const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
2
|
export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "size" | "placeholder" | "label" | "spellCheck" | "labelTooltip" | "required" | "footer"> & {
|
|
3
3
|
onSubmit(): void;
|
|
4
4
|
submitEnabled: boolean;
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { forwardRef } from 'react';
|
|
14
|
-
import { useLocale } from '@
|
|
14
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
15
15
|
import { Scroll } from '@snack-uikit/scroll';
|
|
16
16
|
import { FieldSubmitButton } from '../../../../helperComponents/FieldSubmitButton';
|
|
17
17
|
import { TextArea } from '../TextArea';
|
|
@@ -34,6 +34,12 @@
|
|
|
34
34
|
paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
|
|
35
35
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
36
36
|
}
|
|
37
|
+
.mobileInputWrapper[data-size=s] .textarea::-moz-placeholder{
|
|
38
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
39
|
+
}
|
|
40
|
+
.mobileInputWrapper[data-size=s] .textarea::placeholder{
|
|
41
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
42
|
+
}
|
|
37
43
|
.mobileInputWrapper[data-size=m]{
|
|
38
44
|
--row-height:var(--sans-body-m-line-height, 20px);
|
|
39
45
|
--horizontal-scroll-bar-height:calc(var(--dimension-025m, 2px) + var(--dimension-050m, 4px));
|
|
@@ -47,6 +53,12 @@
|
|
|
47
53
|
paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
|
|
48
54
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
49
55
|
}
|
|
56
|
+
.mobileInputWrapper[data-size=m] .textarea::-moz-placeholder{
|
|
57
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
58
|
+
}
|
|
59
|
+
.mobileInputWrapper[data-size=m] .textarea::placeholder{
|
|
60
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
61
|
+
}
|
|
50
62
|
.mobileInputWrapper[data-size=l]{
|
|
51
63
|
--row-height:var(--sans-body-l-line-height, 24px);
|
|
52
64
|
--horizontal-scroll-bar-height:var(--dimension-1m, 8px);
|
|
@@ -60,6 +72,12 @@
|
|
|
60
72
|
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
61
73
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
62
74
|
}
|
|
75
|
+
.mobileInputWrapper[data-size=l] .textarea::-moz-placeholder{
|
|
76
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
77
|
+
}
|
|
78
|
+
.mobileInputWrapper[data-size=l] .textarea::placeholder{
|
|
79
|
+
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
80
|
+
}
|
|
63
81
|
|
|
64
82
|
.mobileSubmitButtonWrapper{
|
|
65
83
|
width:32px;
|
|
@@ -75,6 +93,9 @@
|
|
|
75
93
|
position:relative !important;
|
|
76
94
|
flex-shrink:0 !important;
|
|
77
95
|
}
|
|
96
|
+
.mobileSubmitButton:not([data-disabled]){
|
|
97
|
+
background:radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
98
|
+
}
|
|
78
99
|
.mobileSubmitButton:after{
|
|
79
100
|
content:"";
|
|
80
101
|
display:flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { ValidationPassword } from '../../utils';
|
|
3
3
|
export type WithPasswordTooltipProps = WithLayoutType<{
|
|
4
4
|
passwordValidation: ValidationPassword;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
|
-
import { useLocale } from '@
|
|
3
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
4
4
|
import { isTouchDevice as isTouchDeviceHelper } from '../../../../helpers';
|
|
5
5
|
import { CheckItem } from '../CheckItem';
|
|
6
6
|
import styles from './styles.module.css';
|
package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { WithLayoutType } from '@
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ValidationPassword } from '../../utils';
|
|
4
4
|
export type WithPasswordTooltipProps = WithLayoutType<{
|
|
5
5
|
showValidation?: boolean;
|
package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AdaptiveTooltip } from '@
|
|
2
|
+
import { AdaptiveTooltip } from '@cloud-ru/uikit-product-mobile-tooltip';
|
|
3
3
|
import { isTouchDevice } from '../../../../helpers';
|
|
4
4
|
import { PasswordValidation } from '../PasswordValidation';
|
|
5
5
|
import styles from './styles.module.css';
|
|
@@ -22,4 +22,13 @@
|
|
|
22
22
|
top:50%;
|
|
23
23
|
left:50%;
|
|
24
24
|
transform:translate(-50%, -50%);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.submitButton:not([data-disabled]){
|
|
28
|
+
background:radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.textarea > :first-child[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]){
|
|
32
|
+
border-color:transparent;
|
|
33
|
+
background:linear-gradient(var(--sys-neutral-background2-level), var(--sys-neutral-background2-level) 0) padding-box, radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 8%, #78B9EC 17%, #70C6DD 28%, #64D8C7 38%, #5FD7C2 44%, #54D5B3 51%, #40D39C 58%, #26D07C 66%) border-box;
|
|
25
34
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FieldTextAreaProps } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { AttachmentSquareProps } from '@snack-uikit/attachment';
|
|
4
4
|
import { FileUploadProps } from '@snack-uikit/drop-zone';
|
|
5
5
|
export type FieldChatProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'hint' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
|