@alfalab/core-components-number-input 2.7.2 → 3.0.0-snapshot-6a9d3fc
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/Component.responsive.d.ts +3 -5
- package/Component.responsive.js +3 -2
- package/Component.responsive.js.map +1 -0
- package/components/number-input/Component.d.ts +4 -7
- package/components/number-input/Component.js +3 -2
- package/components/number-input/Component.js.map +1 -0
- package/components/number-input/index.d.ts +1 -1
- package/components/number-input/index.js +3 -2
- package/components/number-input/index.js.map +1 -0
- package/components/steppers/Component.d.ts +3 -4
- package/components/steppers/Component.js +10 -15
- package/components/steppers/Component.js.map +1 -0
- package/components/steppers/default.css +6 -28
- package/components/steppers/default.module.css.js +8 -0
- package/components/steppers/default.module.css.js.map +1 -0
- package/components/steppers/index.css +9 -31
- package/components/steppers/index.d.ts +1 -1
- package/components/steppers/index.js +3 -2
- package/components/steppers/index.js.map +1 -0
- package/components/steppers/index.module.css.js +8 -0
- package/components/steppers/index.module.css.js.map +1 -0
- package/components/steppers/inverted.css +6 -28
- package/components/steppers/inverted.module.css.js +8 -0
- package/components/steppers/inverted.module.css.js.map +1 -0
- package/constants/min-max-safe-integer.d.ts +2 -3
- package/constants/min-max-safe-integer.js +1 -0
- package/constants/min-max-safe-integer.js.map +1 -0
- package/cssm/Component.responsive.d.ts +3 -5
- package/cssm/Component.responsive.js +6 -5
- package/cssm/Component.responsive.js.map +1 -0
- package/cssm/components/number-input/Component.d.ts +4 -7
- package/cssm/components/number-input/Component.js +7 -6
- package/cssm/components/number-input/Component.js.map +1 -0
- package/cssm/components/number-input/index.d.ts +1 -1
- package/cssm/components/number-input/index.js +3 -2
- package/cssm/components/number-input/index.js.map +1 -0
- package/cssm/components/steppers/Component.d.ts +3 -4
- package/cssm/components/steppers/Component.js +5 -4
- package/cssm/components/steppers/Component.js.map +1 -0
- package/cssm/components/steppers/default.module.css +3 -24
- package/cssm/components/steppers/index.d.ts +1 -1
- package/cssm/components/steppers/index.js +3 -2
- package/cssm/components/steppers/index.js.map +1 -0
- package/cssm/components/steppers/index.module.css +4 -25
- package/cssm/components/steppers/inverted.module.css +3 -24
- package/cssm/constants/min-max-safe-integer.d.ts +2 -3
- package/cssm/constants/min-max-safe-integer.js +1 -0
- package/cssm/constants/min-max-safe-integer.js.map +1 -0
- package/cssm/desktop/Component.desktop.d.ts +3 -5
- package/cssm/desktop/Component.desktop.js +3 -2
- package/cssm/desktop/Component.desktop.js.map +1 -0
- package/cssm/desktop/index.d.ts +1 -2
- package/cssm/desktop/index.js +3 -2
- package/cssm/desktop/index.js.map +1 -0
- package/cssm/index.d.ts +1 -2
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/mobile/Component.mobile.d.ts +3 -5
- package/cssm/mobile/Component.mobile.js +3 -2
- package/cssm/mobile/Component.mobile.js.map +1 -0
- package/cssm/mobile/index.d.ts +1 -2
- package/cssm/mobile/index.js +3 -2
- package/cssm/mobile/index.js.map +1 -0
- package/cssm/shared/index.d.ts +3 -3
- package/cssm/shared/index.js +3 -2
- package/cssm/shared/index.js.map +1 -0
- package/cssm/utils.d.ts +10 -11
- package/cssm/utils.js +14 -13
- package/cssm/utils.js.map +1 -0
- package/desktop/Component.desktop.d.ts +3 -5
- package/desktop/Component.desktop.js +3 -2
- package/desktop/Component.desktop.js.map +1 -0
- package/desktop/index.d.ts +1 -2
- package/desktop/index.js +3 -2
- package/desktop/index.js.map +1 -0
- package/esm/Component.responsive.d.ts +3 -5
- package/esm/Component.responsive.js +1 -0
- package/esm/Component.responsive.js.map +1 -0
- package/esm/components/number-input/Component.d.ts +4 -7
- package/esm/components/number-input/Component.js +2 -1
- package/esm/components/number-input/Component.js.map +1 -0
- package/esm/components/number-input/index.d.ts +1 -1
- package/esm/components/number-input/index.js +1 -0
- package/esm/components/number-input/index.js.map +1 -0
- package/esm/components/steppers/Component.d.ts +3 -4
- package/esm/components/steppers/Component.js +4 -9
- package/esm/components/steppers/Component.js.map +1 -0
- package/esm/components/steppers/default.css +6 -28
- package/esm/components/steppers/default.module.css.js +6 -0
- package/esm/components/steppers/default.module.css.js.map +1 -0
- package/esm/components/steppers/index.css +9 -31
- package/esm/components/steppers/index.d.ts +1 -1
- package/esm/components/steppers/index.js +1 -0
- package/esm/components/steppers/index.js.map +1 -0
- package/esm/components/steppers/index.module.css.js +6 -0
- package/esm/components/steppers/index.module.css.js.map +1 -0
- package/esm/components/steppers/inverted.css +6 -28
- package/esm/components/steppers/inverted.module.css.js +6 -0
- package/esm/components/steppers/inverted.module.css.js.map +1 -0
- package/esm/constants/min-max-safe-integer.d.ts +2 -3
- package/esm/constants/min-max-safe-integer.js +1 -0
- package/esm/constants/min-max-safe-integer.js.map +1 -0
- package/esm/desktop/Component.desktop.d.ts +3 -5
- package/esm/desktop/Component.desktop.js +1 -0
- package/esm/desktop/Component.desktop.js.map +1 -0
- package/esm/desktop/index.d.ts +1 -2
- package/esm/desktop/index.js +1 -0
- package/esm/desktop/index.js.map +1 -0
- package/esm/index.d.ts +1 -2
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/mobile/Component.mobile.d.ts +3 -5
- package/esm/mobile/Component.mobile.js +1 -0
- package/esm/mobile/Component.mobile.js.map +1 -0
- package/esm/mobile/index.d.ts +1 -2
- package/esm/mobile/index.js +1 -0
- package/esm/mobile/index.js.map +1 -0
- package/esm/shared/index.d.ts +3 -3
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/utils.d.ts +10 -11
- package/esm/utils.js +3 -2
- package/esm/utils.js.map +1 -0
- package/index.d.ts +1 -2
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/mobile/Component.mobile.d.ts +3 -5
- package/mobile/Component.mobile.js +3 -2
- package/mobile/Component.mobile.js.map +1 -0
- package/mobile/index.d.ts +1 -2
- package/mobile/index.js +3 -2
- package/mobile/index.js.map +1 -0
- package/modern/Component.responsive.d.ts +3 -5
- package/modern/Component.responsive.js +1 -0
- package/modern/Component.responsive.js.map +1 -0
- package/modern/components/number-input/Component.d.ts +4 -7
- package/modern/components/number-input/Component.js +2 -1
- package/modern/components/number-input/Component.js.map +1 -0
- package/modern/components/number-input/index.d.ts +1 -1
- package/modern/components/number-input/index.js +1 -0
- package/modern/components/number-input/index.js.map +1 -0
- package/modern/components/steppers/Component.d.ts +3 -4
- package/modern/components/steppers/Component.js +4 -9
- package/modern/components/steppers/Component.js.map +1 -0
- package/modern/components/steppers/default.css +6 -28
- package/modern/components/steppers/default.module.css.js +6 -0
- package/modern/components/steppers/default.module.css.js.map +1 -0
- package/modern/components/steppers/index.css +9 -31
- package/modern/components/steppers/index.d.ts +1 -1
- package/modern/components/steppers/index.js +1 -0
- package/modern/components/steppers/index.js.map +1 -0
- package/modern/components/steppers/index.module.css.js +6 -0
- package/modern/components/steppers/index.module.css.js.map +1 -0
- package/modern/components/steppers/inverted.css +6 -28
- package/modern/components/steppers/inverted.module.css.js +6 -0
- package/modern/components/steppers/inverted.module.css.js.map +1 -0
- package/modern/constants/min-max-safe-integer.d.ts +2 -3
- package/modern/constants/min-max-safe-integer.js +2 -1
- package/modern/constants/min-max-safe-integer.js.map +1 -0
- package/modern/desktop/Component.desktop.d.ts +3 -5
- package/modern/desktop/Component.desktop.js +1 -0
- package/modern/desktop/Component.desktop.js.map +1 -0
- package/modern/desktop/index.d.ts +1 -2
- package/modern/desktop/index.js +1 -0
- package/modern/desktop/index.js.map +1 -0
- package/modern/index.d.ts +1 -2
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/mobile/Component.mobile.d.ts +3 -5
- package/modern/mobile/Component.mobile.js +1 -0
- package/modern/mobile/Component.mobile.js.map +1 -0
- package/modern/mobile/index.d.ts +1 -2
- package/modern/mobile/index.js +1 -0
- package/modern/mobile/index.js.map +1 -0
- package/modern/shared/index.d.ts +3 -3
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/utils.d.ts +10 -11
- package/modern/utils.js +3 -2
- package/modern/utils.js.map +1 -0
- package/moderncssm/Component.responsive.d.ts +3 -5
- package/moderncssm/Component.responsive.js +1 -0
- package/moderncssm/Component.responsive.js.map +1 -0
- package/moderncssm/components/number-input/Component.d.ts +4 -7
- package/moderncssm/components/number-input/Component.js +2 -1
- package/moderncssm/components/number-input/Component.js.map +1 -0
- package/moderncssm/components/number-input/index.d.ts +1 -1
- package/moderncssm/components/number-input/index.js +1 -0
- package/moderncssm/components/number-input/index.js.map +1 -0
- package/moderncssm/components/steppers/Component.d.ts +3 -4
- package/moderncssm/components/steppers/Component.js +1 -0
- package/moderncssm/components/steppers/Component.js.map +1 -0
- package/moderncssm/components/steppers/default.module.css +0 -2
- package/moderncssm/components/steppers/index.d.ts +1 -1
- package/moderncssm/components/steppers/index.js +1 -0
- package/moderncssm/components/steppers/index.js.map +1 -0
- package/moderncssm/components/steppers/index.module.css +0 -2
- package/moderncssm/components/steppers/inverted.module.css +0 -2
- package/moderncssm/constants/min-max-safe-integer.d.ts +2 -3
- package/moderncssm/constants/min-max-safe-integer.js +2 -1
- package/moderncssm/constants/min-max-safe-integer.js.map +1 -0
- package/moderncssm/desktop/Component.desktop.d.ts +3 -5
- package/moderncssm/desktop/Component.desktop.js +1 -0
- package/moderncssm/desktop/Component.desktop.js.map +1 -0
- package/moderncssm/desktop/index.d.ts +1 -2
- package/moderncssm/desktop/index.js +1 -0
- package/moderncssm/desktop/index.js.map +1 -0
- package/moderncssm/index.d.ts +1 -2
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/mobile/Component.mobile.d.ts +3 -5
- package/moderncssm/mobile/Component.mobile.js +1 -0
- package/moderncssm/mobile/Component.mobile.js.map +1 -0
- package/moderncssm/mobile/index.d.ts +1 -2
- package/moderncssm/mobile/index.js +1 -0
- package/moderncssm/mobile/index.js.map +1 -0
- package/moderncssm/shared/index.d.ts +3 -3
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/utils.d.ts +10 -11
- package/moderncssm/utils.js +3 -2
- package/moderncssm/utils.js.map +1 -0
- package/package.json +9 -8
- package/shared/index.d.ts +3 -3
- package/shared/index.js +3 -2
- package/shared/index.js.map +1 -0
- package/utils.d.ts +10 -11
- package/utils.js +4 -3
- package/utils.js.map +1 -0
- package/desktop/package.json +0 -3
- package/mobile/package.json +0 -3
- package/shared/package.json +0 -3
- package/src/desktop/package.json +0 -3
- package/src/mobile/package.json +0 -3
- package/src/shared/package.json +0 -3
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { NumberInputProps } from
|
|
4
|
-
type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
|
|
5
|
-
declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
export { NumberInputResponsiveProps, NumberInputResponsive };
|
|
2
|
+
import { NumberInputProps } from './components/number-input';
|
|
3
|
+
export declare type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
|
|
4
|
+
export declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
|
package/Component.responsive.js
CHANGED
|
@@ -6,7 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
8
8
|
var coreComponentsMq = require('@alfalab/core-components-mq');
|
|
9
|
-
var
|
|
9
|
+
var Component = require('./components/number-input/Component.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -15,8 +15,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
15
15
|
var NumberInputResponsive = React.forwardRef(function (_a, ref) {
|
|
16
16
|
var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
|
|
17
17
|
var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
18
|
-
return (React__default.default.createElement(
|
|
18
|
+
return (React__default.default.createElement(Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
|
|
19
19
|
});
|
|
20
20
|
NumberInputResponsive.displayName = 'NumberInputResponsive';
|
|
21
21
|
|
|
22
22
|
exports.NumberInputResponsive = NumberInputResponsive;
|
|
23
|
+
//# sourceMappingURL=Component.responsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Input } from '@alfalab/core-components-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { NumberInput, NumberInputProps } from './components/number-input';\n\nexport type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;\n\nexport const NumberInputResponsive = forwardRef<HTMLInputElement, NumberInputResponsiveProps>(\n (\n {\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return (\n <NumberInput\n {...restProps}\n Input={Input}\n ref={ref}\n view={isDesktop ? 'desktop' : 'mobile'}\n breakpoint={breakpoint}\n defaultMatchMediaValue={defaultMatchMediaValue}\n />\n );\n },\n);\n\nNumberInputResponsive.displayName = 'NumberInputResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","NumberInput","__assign","Input"],"mappings":";;;;;;;;;;;;;;IASa,qBAAqB,GAAGA,gBAAU,CAC3C,UACI,EAKC,EACD,GAAG,EAAA;AALC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJhBC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,qBAAW,EAAAC,cAAA,CAAA,EAAA,EACJ,SAAS,EACb,EAAA,KAAK,EAAEC,yBAAK,EACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,EACtC,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAAA,CAAA,CAChD;AAEV,CAAC;AAGL,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import { InputProps } from "@alfalab/core-components-input";
|
|
5
|
-
interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
|
|
1
|
+
import React, { ChangeEvent, FC, Ref } from 'react';
|
|
2
|
+
import type { InputProps } from '@alfalab/core-components-input';
|
|
3
|
+
export interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
|
|
6
4
|
/**
|
|
7
5
|
* Значение поля ввода
|
|
8
6
|
*/
|
|
@@ -56,5 +54,4 @@ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type
|
|
|
56
54
|
*/
|
|
57
55
|
dataTestId?: string;
|
|
58
56
|
}
|
|
59
|
-
declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
60
|
-
export { NumberInputProps, NumberInput };
|
|
57
|
+
export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -9,7 +9,7 @@ var core = require('@maskito/core');
|
|
|
9
9
|
var react = require('@maskito/react');
|
|
10
10
|
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
11
11
|
var utils = require('../../utils.js');
|
|
12
|
-
var
|
|
12
|
+
var Component = require('../steppers/Component.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
15
|
|
|
@@ -94,7 +94,8 @@ var NumberInput = React.forwardRef(function (_a, ref) {
|
|
|
94
94
|
// В iOS в цифровой клавиатуре невозможно ввести минус.
|
|
95
95
|
inputMode: min < 0 && coreComponentsShared.os.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: withStepper ? (React__default.default.createElement(React__default.default.Fragment, null,
|
|
96
96
|
rightAddons,
|
|
97
|
-
React__default.default.createElement(
|
|
97
|
+
React__default.default.createElement(Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: utils.parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size }))) : (rightAddons) })));
|
|
98
98
|
});
|
|
99
99
|
|
|
100
100
|
exports.NumberInput = NumberInput;
|
|
101
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n ChangeEvent,\n FC,\n FocusEvent,\n forwardRef,\n Ref,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport type { InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, os } from '@alfalab/core-components-shared';\n\nimport {\n createMaskOptions,\n getMinMaxOrDefault,\n MAX_DIGITS,\n MINUS_SIGN,\n parseNumber,\n stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n /**\n * Значение поля ввода\n */\n value?: string | number | null;\n\n /**\n * Значение по-умолчанию\n */\n defaultValue?: string | number | null;\n\n /**\n * Разделитель ',' или '.'\n */\n separator?: '.' | ',';\n\n /**\n * Количество символов после разделителя\n * Если указан проп step, то всегда 0\n */\n fractionLength?: number;\n\n /**\n * Шаг инкремента/декремента. Используйте только целочисленные значения\n */\n step?: number;\n\n /**\n * Минимальное значение\n * @default Number.MIN_SAFE_INTEGER\n */\n min?: number;\n\n /**\n * Максимальное значение\n * @default Number.MAX_SAFE_INTEGER\n */\n max?: number;\n\n /**\n * Отображение компонента в мобильном или десктопном виде\n */\n view?: 'desktop' | 'mobile';\n\n /**\n * Компонент инпута\n */\n Input: FC<InputProps & { ref?: Ref<HTMLInputElement> }>;\n\n /**\n * Обработчик события изменения значения\n */\n onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n */\n dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n value: propValue,\n onChange,\n separator = ',',\n fractionLength = MAX_DIGITS,\n defaultValue,\n Input,\n min: minProp,\n max: maxProp,\n rightAddons,\n dataTestId,\n disabled,\n onBlur,\n onFocus,\n view,\n step: stepProp,\n size = 48,\n disableUserInput,\n clear: clearProp,\n colors = 'default',\n ...restProps\n },\n ref,\n ) => {\n const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n const withStepper = stepProp !== undefined;\n\n const maskOptions: MaskitoOptions = useMemo(\n () =>\n createMaskOptions({\n separator,\n fractionLength: withStepper ? 0 : fractionLength,\n min,\n max,\n }),\n [separator, fractionLength, min, max, withStepper],\n );\n\n const [focused, setFocused] = useState(false);\n const [value, setValue] = useState(() => {\n if (defaultValue == null) {\n return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n }\n\n return fnUtils\n .clamp(\n parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n min,\n max,\n )\n .toString();\n });\n\n const maskRef = useMaskito({ options: maskOptions });\n\n useEffect(() => {\n if (propValue !== undefined) {\n setValue((prev) => {\n const parsedNumber = parseNumber(propValue);\n\n if (parsedNumber !== parseNumber(prev)) {\n return maskitoTransform(\n stringifyNumberWithoutExp(parsedNumber),\n maskOptions,\n );\n }\n\n return prev;\n });\n }\n }, [maskOptions, propValue, separator]);\n\n const getMaxLength = (valueString: string) => {\n const hasSeparator = valueString?.includes(separator);\n const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n };\n\n const getStep = () => Math.round(stepProp ?? 1);\n\n const changeValue = (\n event: ChangeEvent<HTMLInputElement> | null,\n newValue: number | null,\n ) => {\n const isNaNValue = Number.isNaN(newValue);\n const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n setValue(valueString);\n\n if (valueString === '' || !isNaNValue) {\n onChange?.(event, {\n value: isNaNValue ? null : newValue,\n });\n }\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const valueString = event.target.value;\n\n changeValue(event, parseNumber(valueString));\n };\n\n const handleIncrement = () => {\n const parsed = parseNumber(value);\n const nextValue = maskitoTransform(\n (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n maskOptions,\n );\n\n changeValue(null, parseNumber(nextValue));\n };\n\n const handleDecrement = () => {\n const parsed = parseNumber(value);\n const nextValue = maskitoTransform(\n (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n maskOptions,\n );\n\n changeValue(null, parseNumber(nextValue));\n };\n\n const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n onFocus?.(e);\n\n if (!disableUserInput) {\n setFocused(true);\n }\n };\n\n const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n onBlur?.(e);\n setFocused(false);\n };\n\n return (\n <Input\n maxLength={getMaxLength(value)}\n {...restProps}\n // В iOS в цифровой клавиатуре невозможно ввести минус.\n inputMode={min < 0 && os.isIOS() ? 'text' : 'decimal'}\n ref={mergeRefs([ref, maskRef])}\n value={value}\n onInput={handleChange}\n dataTestId={dataTestId}\n colors={colors}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n size={size}\n disableUserInput={disableUserInput}\n clear={clearProp && /\\d/.test(value)}\n rightAddons={\n withStepper ? (\n <React.Fragment>\n {rightAddons}\n <Steppers\n colors={colors}\n dataTestId={dataTestId}\n disabled={disabled}\n focused={focused}\n value={parseNumber(value)}\n min={min}\n max={max}\n onIncrement={handleIncrement}\n onDecrement={handleDecrement}\n size={size}\n />\n </React.Fragment>\n ) : (\n rightAddons\n )\n }\n />\n );\n },\n);\n"],"names":["forwardRef","MAX_DIGITS","__rest","getMinMaxOrDefault","useMemo","createMaskOptions","useState","fnUtils","parseNumber","maskitoTransform","useMaskito","useEffect","stringifyNumberWithoutExp","MINUS_SIGN","React","__assign","os","mergeRefs","Steppers"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { NumberInput, NumberInputProps } from
|
|
1
|
+
export { NumberInput, NumberInputProps } from './Component';
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.NumberInput =
|
|
9
|
+
exports.NumberInput = Component.NumberInput;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { InputProps } from
|
|
3
|
-
type SteppersProps = {
|
|
2
|
+
import { InputProps } from '@alfalab/core-components-input';
|
|
3
|
+
export declare type SteppersProps = {
|
|
4
4
|
value: number;
|
|
5
5
|
min: number;
|
|
6
6
|
max: number;
|
|
@@ -13,5 +13,4 @@ type SteppersProps = {
|
|
|
13
13
|
colors: 'default' | 'inverted';
|
|
14
14
|
size: InputProps['size'];
|
|
15
15
|
};
|
|
16
|
-
declare const Steppers: FC<SteppersProps>;
|
|
17
|
-
export { SteppersProps, Steppers };
|
|
16
|
+
export declare const Steppers: FC<SteppersProps>;
|
|
@@ -10,24 +10,18 @@ var MinusMIcon = require('@alfalab/icons-glyph/MinusMIcon');
|
|
|
10
10
|
var MinusSIcon = require('@alfalab/icons-glyph/MinusSIcon');
|
|
11
11
|
var PlusMediumMIcon = require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
12
12
|
var PlusSIcon = require('@alfalab/icons-glyph/PlusSIcon');
|
|
13
|
+
var default_module = require('./default.module.css.js');
|
|
14
|
+
var index_module = require('./index.module.css.js');
|
|
15
|
+
var inverted_module = require('./inverted.module.css.js');
|
|
13
16
|
|
|
14
17
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
18
|
|
|
16
19
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
20
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
21
|
|
|
19
|
-
var defaultColors = {"separator":"number-input__separator_1eu4v","steppers":"number-input__steppers_1eu4v","steppersFocused":"number-input__steppersFocused_1eu4v","steppersDisabled":"number-input__steppersDisabled_1eu4v"};
|
|
20
|
-
require('./default.css')
|
|
21
|
-
|
|
22
|
-
var styles = {"component":"number-input__component_1o6yd","separator":"number-input__separator_1o6yd","button":"number-input__button_1o6yd","size-40":"number-input__size-40_1o6yd","size-48":"number-input__size-48_1o6yd","size-56":"number-input__size-56_1o6yd"};
|
|
23
|
-
require('./index.css')
|
|
24
|
-
|
|
25
|
-
var invertedColors = {"separator":"number-input__separator_hvj5v","steppers":"number-input__steppers_hvj5v","steppersFocused":"number-input__steppersFocused_hvj5v","steppersDisabled":"number-input__steppersDisabled_hvj5v"};
|
|
26
|
-
require('./inverted.css')
|
|
27
|
-
|
|
28
22
|
var colorStyles = {
|
|
29
|
-
default:
|
|
30
|
-
inverted:
|
|
23
|
+
default: default_module,
|
|
24
|
+
inverted: inverted_module,
|
|
31
25
|
};
|
|
32
26
|
function preventDefault(e) {
|
|
33
27
|
e.preventDefault();
|
|
@@ -50,14 +44,15 @@ var Steppers = function (_a) {
|
|
|
50
44
|
var incButtonDisabled = disabled || value >= max;
|
|
51
45
|
var MinusIconComponent = size === 40 ? MinusSIcon.MinusSIcon : MinusMIcon.MinusMIcon;
|
|
52
46
|
var PlusIconComponent = size === 40 ? PlusSIcon.PlusSIcon : PlusMediumMIcon.PlusMediumMIcon;
|
|
53
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
47
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, colorStyles[colors].steppers, index_module[SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
|
|
54
48
|
_b[colorStyles[colors].steppersFocused] = focused,
|
|
55
49
|
_b[colorStyles[colors].steppersDisabled] = disabled,
|
|
56
50
|
_b)) },
|
|
57
|
-
React__default.default.createElement(coreComponentsIconButton.IconButton, { colors: colors, disabled: decButtonDisabled, className:
|
|
58
|
-
React__default.default.createElement("div", { className: cn__default.default(
|
|
59
|
-
React__default.default.createElement(coreComponentsIconButton.IconButton, { colors: colors, disabled: incButtonDisabled, className:
|
|
51
|
+
React__default.default.createElement(coreComponentsIconButton.IconButton, { colors: colors, disabled: decButtonDisabled, className: index_module.button, icon: React__default.default.createElement(MinusIconComponent, null), "aria-label": '\u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onDecrement, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'decrement-button'), view: 'secondary' }),
|
|
52
|
+
React__default.default.createElement("div", { className: cn__default.default(index_module.separator, colorStyles[colors].separator) }),
|
|
53
|
+
React__default.default.createElement(coreComponentsIconButton.IconButton, { colors: colors, disabled: incButtonDisabled, className: index_module.button, icon: React__default.default.createElement(PlusIconComponent, null), "aria-label": '\u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onIncrement, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'increment-button'), view: 'secondary' })));
|
|
60
54
|
};
|
|
61
55
|
Steppers.displayName = 'Steppers';
|
|
62
56
|
|
|
63
57
|
exports.Steppers = Steppers;
|
|
58
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/steppers/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport { InputProps } from '@alfalab/core-components-input';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';\nimport { MinusSIcon } from '@alfalab/icons-glyph/MinusSIcon';\nimport { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';\nimport { PlusSIcon } from '@alfalab/icons-glyph/PlusSIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type SteppersProps = {\n value: number;\n min: number;\n max: number;\n className?: string;\n disabled?: boolean;\n focused?: boolean;\n onIncrement: () => void;\n onDecrement: () => void;\n dataTestId?: string;\n colors: 'default' | 'inverted';\n size: InputProps['size'];\n};\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n};\n\nfunction preventDefault(e: React.MouseEvent<HTMLElement>) {\n e.preventDefault();\n}\n\nconst SIZE_TO_CLASSNAME_MAP = {\n s: 'size-48',\n m: 'size-56',\n l: 'size-64',\n xl: 'size-72',\n 40: 'size-40',\n 48: 'size-48',\n 56: 'size-56',\n 64: 'size-64',\n 72: 'size-72',\n};\n\nexport const Steppers: FC<SteppersProps> = ({\n className,\n onIncrement,\n onDecrement,\n value,\n min,\n max,\n disabled,\n focused,\n dataTestId,\n colors,\n size = 48,\n}) => {\n const decButtonDisabled = disabled || value <= min;\n const incButtonDisabled = disabled || value >= max;\n\n const MinusIconComponent = size === 40 ? MinusSIcon : MinusMIcon;\n const PlusIconComponent = size === 40 ? PlusSIcon : PlusMediumMIcon;\n\n return (\n <div\n className={cn(\n styles.component,\n colorStyles[colors].steppers,\n styles[SIZE_TO_CLASSNAME_MAP[size]],\n className,\n {\n [colorStyles[colors].steppersFocused]: focused,\n [colorStyles[colors].steppersDisabled]: disabled,\n },\n )}\n >\n <IconButton\n colors={colors}\n disabled={decButtonDisabled}\n className={styles.button}\n icon={<MinusIconComponent />}\n aria-label='уменьшить'\n onMouseDown={preventDefault}\n onClick={onDecrement}\n dataTestId={getDataTestId(dataTestId, 'decrement-button')}\n view='secondary'\n />\n <div className={cn(styles.separator, colorStyles[colors].separator)} />\n <IconButton\n colors={colors}\n disabled={incButtonDisabled}\n className={styles.button}\n icon={<PlusIconComponent />}\n aria-label='увеличить'\n onMouseDown={preventDefault}\n onClick={onIncrement}\n dataTestId={getDataTestId(dataTestId, 'increment-button')}\n view='secondary'\n />\n </div>\n );\n};\n\nSteppers.displayName = 'Steppers';\n"],"names":["defaultColors","invertedColors","MinusSIcon","MinusMIcon","PlusSIcon","PlusMediumMIcon","React","cn","styles","IconButton","getDataTestId"],"mappings":"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"}
|
|
@@ -1,34 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-neutral-translucent-0: #fff;
|
|
5
3
|
--color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
|
|
6
|
-
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
7
|
-
}
|
|
8
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
9
|
-
} :root {
|
|
10
|
-
|
|
11
|
-
/* Hard */
|
|
12
|
-
|
|
13
|
-
/* Up */
|
|
14
|
-
|
|
15
|
-
/* Hard up */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
20
|
-
|
|
21
|
-
/* новые значения, используйте их */
|
|
22
|
-
|
|
23
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
24
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
25
|
-
} :root {
|
|
26
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
27
|
-
} /* сбрасывает синюю подсветку при нажатии */ .number-input__separator_1eu4v {
|
|
4
|
+
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
5
|
+
} .number-input__separator_tiyq6 {
|
|
28
6
|
background-color: var(--color-light-neutral-translucent-300);
|
|
29
|
-
} .number-
|
|
7
|
+
} .number-input__steppers_tiyq6 {
|
|
30
8
|
background-color: var(--color-light-neutral-translucent-0);
|
|
31
|
-
} .number-
|
|
32
|
-
.number-
|
|
9
|
+
} .number-input__steppersFocused_tiyq6,
|
|
10
|
+
.number-input__steppersDisabled_tiyq6 {
|
|
33
11
|
background-color: var(--color-light-neutral-translucent-200);
|
|
34
12
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./default.css');
|
|
4
|
+
|
|
5
|
+
var defaultColors = {"separator":"number-input__separator_tiyq6","steppers":"number-input__steppers_tiyq6","steppersFocused":"number-input__steppersFocused_tiyq6","steppersDisabled":"number-input__steppersDisabled_tiyq6"};
|
|
6
|
+
|
|
7
|
+
module.exports = defaultColors;
|
|
8
|
+
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.module.css.js","sources":["../../src/components/steppers/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.separator {\n background-color: var(--color-light-neutral-translucent-300);\n}\n\n.steppers {\n background-color: var(--color-light-neutral-translucent-0);\n}\n\n.steppersFocused,\n.steppersDisabled {\n background-color: var(--color-light-neutral-translucent-200);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,UAAU,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,sCAAsC,CAAC;;;;"}
|
|
@@ -1,48 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-2xs-neg: -4px; /* deprecated */
|
|
18
|
-
--gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-2xs-neg: -4px;
|
|
3
|
+
--gap-xs-neg: -8px;
|
|
24
4
|
--gap-4-neg: var(--gap-2xs-neg);
|
|
25
5
|
--gap-8-neg: var(--gap-xs-neg);
|
|
26
|
-
}
|
|
27
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
28
|
-
} /* сбрасывает синюю подсветку при нажатии */ .number-input__component_1o6yd {
|
|
6
|
+
} .number-input__component_4kdxo {
|
|
29
7
|
display: flex;
|
|
30
8
|
flex-flow: row nowrap;
|
|
31
9
|
align-items: center;
|
|
32
10
|
border-radius: 5px;
|
|
33
11
|
transition: background-color 0.2s ease;
|
|
34
12
|
overflow: visible;
|
|
35
|
-
} .number-
|
|
13
|
+
} .number-input__separator_4kdxo {
|
|
36
14
|
height: 18px;
|
|
37
15
|
width: 1px;
|
|
38
|
-
} .number-
|
|
16
|
+
} .number-input__button_4kdxo {
|
|
39
17
|
width: 40px;
|
|
40
18
|
height: 40px;
|
|
41
|
-
} .number-input__size-
|
|
19
|
+
} .number-input__size-40_4kdxo {
|
|
42
20
|
margin-right: var(--gap-8-neg);
|
|
43
21
|
height: 32px;
|
|
44
|
-
} .number-input__size-
|
|
22
|
+
} .number-input__size-48_4kdxo {
|
|
45
23
|
margin-right: var(--gap-8-neg);
|
|
46
|
-
} .number-input__size-
|
|
24
|
+
} .number-input__size-56_4kdxo {
|
|
47
25
|
margin-right: var(--gap-4-neg);
|
|
48
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Steppers =
|
|
9
|
+
exports.Steppers = Component.Steppers;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./index.css');
|
|
4
|
+
|
|
5
|
+
var styles = {"component":"number-input__component_4kdxo","separator":"number-input__separator_4kdxo","button":"number-input__button_4kdxo","size-40":"number-input__size-40_4kdxo","size-48":"number-input__size-48_4kdxo","size-56":"number-input__size-56_4kdxo"};
|
|
6
|
+
|
|
7
|
+
module.exports = styles;
|
|
8
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/steppers/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n border-radius: 5px;\n transition: background-color 0.2s ease;\n overflow: visible;\n}\n\n.separator {\n height: 18px;\n width: 1px;\n}\n\n.button {\n width: 40px;\n height: 40px;\n}\n\n.size-40 {\n margin-right: var(--gap-8-neg);\n height: 32px;\n}\n\n.size-48 {\n margin-right: var(--gap-8-neg);\n}\n\n.size-56 {\n margin-right: var(--gap-4-neg);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC,SAAS,CAAC,6BAA6B,CAAC,SAAS,CAAC,6BAA6B,CAAC,SAAS,CAAC,6BAA6B,CAAC;;;;"}
|
|
@@ -1,33 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
|
|
5
|
-
--color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
|
|
6
|
-
}
|
|
7
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
8
|
-
} :root {
|
|
9
|
-
|
|
10
|
-
/* Hard */
|
|
11
|
-
|
|
12
|
-
/* Up */
|
|
13
|
-
|
|
14
|
-
/* Hard up */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
24
|
-
} :root {
|
|
25
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
26
|
-
} /* сбрасывает синюю подсветку при нажатии */ .number-input__separator_hvj5v {
|
|
3
|
+
--color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
|
|
4
|
+
} .number-input__separator_1bl9y {
|
|
27
5
|
background-color: var(--color-light-neutral-translucent-300-inverted);
|
|
28
|
-
} .number-
|
|
6
|
+
} .number-input__steppers_1bl9y {
|
|
29
7
|
background-color: var(--color-light-neutral-translucent-0-inverted);
|
|
30
|
-
} .number-
|
|
31
|
-
.number-
|
|
8
|
+
} .number-input__steppersFocused_1bl9y,
|
|
9
|
+
.number-input__steppersDisabled_1bl9y {
|
|
32
10
|
background-color: var(--color-light-neutral-translucent-300-inverted);
|
|
33
11
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./inverted.css');
|
|
4
|
+
|
|
5
|
+
var invertedColors = {"separator":"number-input__separator_1bl9y","steppers":"number-input__steppers_1bl9y","steppersFocused":"number-input__steppersFocused_1bl9y","steppersDisabled":"number-input__steppersDisabled_1bl9y"};
|
|
6
|
+
|
|
7
|
+
module.exports = invertedColors;
|
|
8
|
+
//# sourceMappingURL=inverted.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inverted.module.css.js","sources":["../../src/components/steppers/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.separator {\n background-color: var(--color-light-neutral-translucent-300-inverted);\n}\n\n.steppers {\n background-color: var(--color-light-neutral-translucent-0-inverted);\n}\n\n.steppersFocused,\n.steppersDisabled {\n background-color: var(--color-light-neutral-translucent-300-inverted);\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,UAAU,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,sCAAsC,CAAC;;;;"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
declare const MAX_SAFE_INTEGER: number;
|
|
2
|
-
declare const MIN_SAFE_INTEGER: number;
|
|
3
|
-
export { MAX_SAFE_INTEGER, MIN_SAFE_INTEGER };
|
|
1
|
+
export declare const MAX_SAFE_INTEGER: number;
|
|
2
|
+
export declare const MIN_SAFE_INTEGER: number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"min-max-safe-integer.js","sources":["../src/constants/min-max-safe-integer.ts"],"sourcesContent":["export const MAX_SAFE_INTEGER = 2 ** 53 - 1;\nexport const MIN_SAFE_INTEGER = -MAX_SAFE_INTEGER;\n"],"names":[],"mappings":";;;;AAAa,IAAA,gBAAgB,GAAG,IAAA,CAAA,GAAA,CAAA,CAAC,EAAI,EAAE,CAAA,GAAG;AAC7B,IAAA,gBAAgB,GAAG,CAAC;;;;;"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { NumberInputProps } from
|
|
4
|
-
type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
|
|
5
|
-
declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
export { NumberInputResponsiveProps, NumberInputResponsive };
|
|
2
|
+
import { NumberInputProps } from './components/number-input';
|
|
3
|
+
export declare type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input' | 'view'>;
|
|
4
|
+
export declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
|