@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
|
@@ -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":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { NumberInput, NumberInputProps } from
|
|
1
|
+
export { NumberInput, NumberInputProps } from './Component';
|
|
@@ -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>;
|
|
@@ -6,15 +6,9 @@ import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
|
|
|
6
6
|
import { MinusSIcon } from '@alfalab/icons-glyph/MinusSIcon';
|
|
7
7
|
import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
|
|
8
8
|
import { PlusSIcon } from '@alfalab/icons-glyph/PlusSIcon';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const 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"};
|
|
14
|
-
require('./index.css')
|
|
15
|
-
|
|
16
|
-
const invertedColors = {"separator":"number-input__separator_hvj5v","steppers":"number-input__steppers_hvj5v","steppersFocused":"number-input__steppersFocused_hvj5v","steppersDisabled":"number-input__steppersDisabled_hvj5v"};
|
|
17
|
-
require('./inverted.css')
|
|
9
|
+
import defaultColors from './default.module.css.js';
|
|
10
|
+
import styles from './index.module.css.js';
|
|
11
|
+
import invertedColors from './inverted.module.css.js';
|
|
18
12
|
|
|
19
13
|
const colorStyles = {
|
|
20
14
|
default: defaultColors,
|
|
@@ -50,3 +44,4 @@ const Steppers = ({ className, onIncrement, onDecrement, value, min, max, disabl
|
|
|
50
44
|
Steppers.displayName = 'Steppers';
|
|
51
45
|
|
|
52
46
|
export { Steppers };
|
|
47
|
+
//# 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":[],"mappings":";;;;;;;;;;;;AA6BA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAC3B;AAED,SAAS,cAAc,CAAC,CAAgC,EAAA;IACpD,CAAC,CAAC,cAAc,EAAE;AACtB;AAEA,MAAM,qBAAqB,GAAG;AAC1B,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;CAChB;AAEM,MAAM,QAAQ,GAAsB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,WAAW,EACX,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,GAAG,EAAE,GACZ,KAAI;AACD,IAAA,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,IAAI,GAAG;AAClD,IAAA,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,IAAI,GAAG;AAElD,IAAA,MAAM,kBAAkB,GAAG,IAAI,KAAK,EAAE,GAAG,UAAU,GAAG,UAAU;AAChE,IAAA,MAAM,iBAAiB,GAAG,IAAI,KAAK,EAAE,GAAG,SAAS,GAAG,eAAe;IAEnE,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,QAAQ,EAC5B,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EACnC,SAAS,EACT;YACI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,eAAe,GAAG,OAAO;YAC9C,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,gBAAgB,GAAG,QAAQ;SACnD,CACJ,EAAA;QAED,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAG,IAAA,CAAA,EAAA,YAAA,EACjB,wDAAW,EACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,EACzD,IAAI,EAAC,WAAW,EAClB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,EAAI,CAAA;QACvE,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA,CAAG,EAChB,YAAA,EAAA,wDAAW,EACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,EACzD,IAAI,EAAC,WAAW,EAAA,CAClB,CACA;AAEd;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -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,6 @@
|
|
|
1
|
+
import './default.css';
|
|
2
|
+
|
|
3
|
+
const defaultColors = {"separator":"number-input__separator_tiyq6","steppers":"number-input__steppers_tiyq6","steppersFocused":"number-input__steppersFocused_tiyq6","steppersDisabled":"number-input__steppersDisabled_tiyq6"};
|
|
4
|
+
|
|
5
|
+
export { defaultColors as default };
|
|
6
|
+
//# 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,sBAAe,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';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
|
|
3
|
+
const 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"};
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# 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,eAAe,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,6 @@
|
|
|
1
|
+
import './inverted.css';
|
|
2
|
+
|
|
3
|
+
const invertedColors = {"separator":"number-input__separator_1bl9y","steppers":"number-input__steppers_1bl9y","steppersFocused":"number-input__steppersFocused_1bl9y","steppersDisabled":"number-input__steppersDisabled_1bl9y"};
|
|
4
|
+
|
|
5
|
+
export { invertedColors as default };
|
|
6
|
+
//# 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,uBAAe,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":"MAAa,gBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG;AAC7B,MAAA,gBAAgB,GAAG;;;;"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { NumberInputProps } from
|
|
4
|
-
type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
|
|
5
|
-
declare const NumberInputDesktop: React.ForwardRefExoticComponent<NumberInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
export { NumberInputDesktopProps, NumberInputDesktop };
|
|
2
|
+
import { NumberInputProps } from '../components/number-input';
|
|
3
|
+
export declare type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
|
|
4
|
+
export declare const NumberInputDesktop: React.ForwardRefExoticComponent<NumberInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,3 +5,4 @@ import { NumberInput } from '../components/number-input/Component.js';
|
|
|
5
5
|
const NumberInputDesktop = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputDesktop, ref: ref, view: 'desktop' }));
|
|
6
6
|
|
|
7
7
|
export { NumberInputDesktop };
|
|
8
|
+
//# sourceMappingURL=Component.desktop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { InputDesktop } from '@alfalab/core-components-input/desktop';\n\nimport { NumberInput, NumberInputProps } from '../components/number-input';\n\nexport type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;\n\nexport const NumberInputDesktop = forwardRef<HTMLInputElement, NumberInputDesktopProps>(\n (props, ref) => <NumberInput {...props} Input={InputDesktop} ref={ref} view='desktop' />,\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,kBAAkB,GAAG,UAAU,CACxC,CAAC,KAAK,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,SAAS,EAAA,CAAG;;;;"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { NumberInputDesktop, NumberInputDesktopProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { NumberInputDesktop, NumberInputDesktopProps } from './Component.desktop';
|
package/modern/desktop/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/modern/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { NumberInputResponsive as NumberInput, NumberInputResponsiveProps as NumberInputProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { NumberInputResponsive as NumberInput, NumberInputResponsiveProps as NumberInputProps, } from './Component.responsive';
|
package/modern/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { NumberInputProps } from
|
|
4
|
-
type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
|
|
5
|
-
declare const NumberInputMobile: React.ForwardRefExoticComponent<NumberInputMobileProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
export { NumberInputMobileProps, NumberInputMobile };
|
|
2
|
+
import { NumberInputProps } from '../components/number-input';
|
|
3
|
+
export declare type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;
|
|
4
|
+
export declare const NumberInputMobile: React.ForwardRefExoticComponent<NumberInputMobileProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,3 +5,4 @@ import { NumberInput } from '../components/number-input/Component.js';
|
|
|
5
5
|
const NumberInputMobile = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputMobile, ref: ref, view: 'mobile' }));
|
|
6
6
|
|
|
7
7
|
export { NumberInputMobile };
|
|
8
|
+
//# sourceMappingURL=Component.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { InputMobile } from '@alfalab/core-components-input/mobile';\n\nimport { NumberInput, NumberInputProps } from '../components/number-input';\n\nexport type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint' | 'view'>;\n\nexport const NumberInputMobile = forwardRef<HTMLInputElement, NumberInputMobileProps>(\n (props, ref) => <NumberInput {...props} Input={InputMobile} ref={ref} view='mobile' />,\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,iBAAiB,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAA,CAAG;;;;"}
|
package/modern/mobile/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { NumberInputMobile, NumberInputMobileProps } from
|
|
2
|
-
export {};
|
|
1
|
+
export { NumberInputMobile, NumberInputMobileProps } from './Component.mobile';
|
package/modern/mobile/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/modern/shared/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { getNumberInputTestIds } from
|
|
2
|
-
export { Steppers } from
|
|
3
|
-
export type { SteppersProps } from
|
|
1
|
+
export { getNumberInputTestIds } from '../utils';
|
|
2
|
+
export { Steppers } from '../components/steppers';
|
|
3
|
+
export type { SteppersProps } from '../components/steppers';
|
package/modern/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/modern/utils.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { MaskitoOptions, MaskitoPlugin } from '@maskito/core';
|
|
2
|
-
declare const MINUS_SIGN = "-";
|
|
3
|
-
declare const SEPARATORS: string[];
|
|
4
|
-
declare const MAX_DIGITS = 15;
|
|
5
|
-
declare function parseNumber(value?: string | number | null): number;
|
|
2
|
+
export declare const MINUS_SIGN = "-";
|
|
3
|
+
export declare const SEPARATORS: string[];
|
|
4
|
+
export declare const MAX_DIGITS = 15;
|
|
5
|
+
export declare function parseNumber(value?: string | number | null): number;
|
|
6
6
|
/**
|
|
7
7
|
* Преобразовать число в строку с заменой экспоненты на десятичную дробь
|
|
8
8
|
*/
|
|
9
|
-
declare function stringifyNumberWithoutExp(value: number): string;
|
|
10
|
-
declare function createMaskOptions({ separator, fractionLength, min, max, }: {
|
|
9
|
+
export declare function stringifyNumberWithoutExp(value: number): string;
|
|
10
|
+
export declare function createMaskOptions({ separator, fractionLength, min, max, }: {
|
|
11
11
|
separator: string;
|
|
12
12
|
fractionLength: number;
|
|
13
13
|
min: number;
|
|
14
14
|
max: number;
|
|
15
15
|
}): MaskitoOptions;
|
|
16
|
-
declare function createMinMaxPlugin({ min, max }: {
|
|
16
|
+
export declare function createMinMaxPlugin({ min, max }: {
|
|
17
17
|
min: number;
|
|
18
18
|
max: number;
|
|
19
19
|
}): MaskitoPlugin;
|
|
20
|
-
declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
|
|
21
|
-
declare function getNumberInputTestIds(dataTestId: string): {
|
|
20
|
+
export declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
|
|
21
|
+
export declare function getNumberInputTestIds(dataTestId: string): {
|
|
22
22
|
input: string;
|
|
23
23
|
inputWrapper: string;
|
|
24
24
|
inputWrapperInner: string;
|
|
@@ -33,11 +33,10 @@ declare function getNumberInputTestIds(dataTestId: string): {
|
|
|
33
33
|
* Определение минимального / максимального значения
|
|
34
34
|
* @description Если значение не передано, вернется { Number.MIN_SAFE_INTEGER, Number.MAX_SAFE_INTEGER }
|
|
35
35
|
*/
|
|
36
|
-
declare const getMinMaxOrDefault: ({ minProp, maxProp, }: {
|
|
36
|
+
export declare const getMinMaxOrDefault: ({ minProp, maxProp, }: {
|
|
37
37
|
minProp?: number | undefined;
|
|
38
38
|
maxProp?: number | undefined;
|
|
39
39
|
}) => {
|
|
40
40
|
min: number;
|
|
41
41
|
max: number;
|
|
42
42
|
};
|
|
43
|
-
export { MINUS_SIGN, SEPARATORS, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds, getMinMaxOrDefault };
|