@alfalab/core-components 20.2.0 → 20.4.0

package/alert/cssm/Component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PlateProps } from "../../plate";
+type AlertProps = Omit<PlateProps, 'foldable' | 'defaultFolded' | 'leftAddons'>;
+declare const Alert: FC<AlertProps>;
+export { AlertProps, Alert };

package/alert/cssm/Component.js

@@ -0,0 +1,58 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsPlate = require('../../plate/cssm');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var Alert = function (_a) {
+    var className = _a.className, title = _a.title, restProps = __rest(_a, ["className", "title"]);
+    return (React__default['default'].createElement(coreComponentsPlate.Plate, __assign({ className: cn__default['default'](styles__default['default'].component, className), buttonsClassName: styles__default['default'].buttons, contentClassName: styles__default['default'].content, title: title ? React__default['default'].createElement("span", { className: styles__default['default'].title }, title) : null }, restProps)));
+};
+
+exports.Alert = Alert;

package/alert/cssm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/alert/cssm/index.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('../../plate/cssm');
+require('./index.module.css');
+
+
+
+exports.Alert = Component.Alert;

package/alert/cssm/index.module.css

@@ -0,0 +1,37 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+}
+.component {
+    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-left-width: 2px;
+    padding-top: var(--gap-s);
+    padding-bottom: var(--gap-s);
+    padding-right: var(--gap-s);
+    min-height: 48px;
+}
+.buttons {
+    margin-top: var(--gap-m);
+}
+.title {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+}
+.content {
+    max-width: none;
+}

package/amount/cssm/component.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import React from 'react';
+import { AmountProps } from "./types/index";
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ */
+declare const Amount: React.FC<AmountProps>;
+export { Amount };

package/amount/cssm/component.js

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var utils = require('@alfalab/utils');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ */
+var Amount = function (_a) {
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = utils.formatAmount({
+        value: value,
+        currency: currency,
+        minority: minority,
+        view: view,
+    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        majorPart,
+        React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
+            minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+            minorPart,
+            utils.THINSP,
+            currencySymbol)));
+};
+
+exports.Amount = Amount;

package/amount/cssm/index.d.ts

@@ -0,0 +1,8 @@
+import { Amount as DefaultAmount } from "./component";
+import { PureAmount } from "./pure/component";
+type AmountType = typeof DefaultAmount & {
+    Pure: typeof PureAmount;
+};
+declare const Amount: AmountType;
+export { Amount };
+export * from "./types/index";

package/amount/cssm/index.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('@alfalab/utils');
+require('./index.module.css');
+var component = require('./component.js');
+require('./pure/index.module.css');
+var pure_component = require('./pure/component.js');
+
+var Amount = component.Amount;
+Amount.Pure = pure_component.PureAmount;
+
+exports.Amount = Amount;

package/amount/cssm/index.module.css

@@ -0,0 +1,20 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --amount-major-part-font-weight: bold;
+    --amount-minor-part-font-weight: normal;
+}
+.component {
+    white-space: nowrap;
+    font-weight: var(--amount-major-part-font-weight);
+}
+.minorPartAndCurrency {
+    opacity: 0.6;
+    font-weight: var(--amount-minor-part-font-weight);
+}

package/amount/cssm/pure/component.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import React from 'react';
+import { AmountProps } from "../types/index";
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ * Не содержит стилей кроме неразрывности строки
+ */
+declare const PureAmount: React.FC<AmountProps>;
+export { PureAmount };

package/amount/cssm/pure/component.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var utils = require('@alfalab/utils');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ * Не содержит стилей кроме неразрывности строки
+ */
+var PureAmount = function (_a) {
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var formattedWithCurrency = utils.formatAmount({
+        value: value,
+        currency: currency,
+        minority: minority,
+        view: view,
+    }).formattedWithCurrency;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId }, formattedWithCurrency));
+};
+
+exports.PureAmount = PureAmount;

package/amount/cssm/pure/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/amount/cssm/pure/index.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('@alfalab/utils');
+require('./index.module.css');
+var pure_component = require('./component.js');
+
+
+
+exports.PureAmount = pure_component.PureAmount;

package/amount/cssm/pure/index.module.css

@@ -0,0 +1,3 @@
+.component {
+    white-space: nowrap;
+}

package/amount/cssm/types/amount-props.d.ts

@@ -0,0 +1,29 @@
+import { CurrencyCodes } from '@alfalab/data';
+type AmountProps = {
+    /**
+     * Денежное значение в минорных единицах
+     */
+    value: number;
+    /**
+     * Валюта
+     */
+    currency: CurrencyCodes;
+    /**
+     * Количество минорных единиц в валюте
+     */
+    minority: number;
+    /**
+     * default - не отображаем копейки, если их значение 0
+     * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
+     */
+    view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export { AmountProps };

package/amount/cssm/types/amount-props.js

@@ -0,0 +1 @@
+

package/amount/cssm/types/index.d.ts

@@ -0,0 +1,2 @@
+export { CurrencyCodes } from '@alfalab/data';
+export * from "./amount-props";

package/amount/cssm/types/index.js

@@ -0,0 +1 @@
+

package/amount-input/cssm/Component.d.ts

@@ -0,0 +1,98 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputProps } from "../../input";
+import { CurrencyCodes } from '@alfalab/data';
+type AmountInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
+    /**
+     * Денежное значение в минорных единицах
+     * Значение null - значит не установлено
+     */
+    value?: number | null;
+    /**
+     * Валюта
+     */
+    currency?: CurrencyCodes;
+    /**
+     * Дополнительный закрепленный текст справа от основного значения. (по умолчанию — символ валюты)
+     */
+    suffix?: string;
+    /**
+     * Максимальное число знаков до запятой
+     */
+    integerLength?: number;
+    /**
+     * Минорные единицы
+     */
+    minority?: number;
+    /**
+     * Позволяет вводить только целые значения
+     */
+    integersOnly?: boolean;
+    /**
+     * Жир
+     */
+    bold?: boolean;
+    /**
+     * Обработчик события изменения значения
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, payload: {
+        /**
+         * Денежное значение в минорных единицах
+         * Значение null - значит не установлено
+         */
+        value: number | null;
+        /**
+         * Значение инпута
+         */
+        valueString: string;
+    }) => void;
+};
+/**
+ * Компонент для ввода денежных значений
+ */
+declare const AmountInput: React.ForwardRefExoticComponent<Pick<InputProps, "className" | "dataTestId" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "leftAddons" | "rightAddons" | "size" | "block" | "colors" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "width" | "clear" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef"> & {
+    /**
+     * Денежное значение в минорных единицах
+     * Значение null - значит не установлено
+     */
+    value?: number | null | undefined;
+    /**
+     * Валюта
+     */
+    currency?: "ALL" | "AFN" | "ARS" | "AWG" | "AUD" | "AZN" | "BSD" | "BBD" | "BYN" | "BZD" | "BMD" | "BOB" | "BAM" | "BWP" | "BGN" | "BRL" | "BND" | "KHR" | "CAD" | "KYD" | "CLP" | "CNY" | "COP" | "CRC" | "HRK" | "CUP" | "CZK" | "DKK" | "DOP" | "XCD" | "EGP" | "SVC" | "EEK" | "EUR" | "FKP" | "FJD" | "FRF" | "GHC" | "GIP" | "GTQ" | "GGP" | "GYD" | "HNL" | "HKD" | "HUF" | "ISK" | "INR" | "IDR" | "IRR" | "IMP" | "ILS" | "JMD" | "JPY" | "JEP" | "KZT" | "KGS" | "LAK" | "LVL" | "LBP" | "LRD" | "LTL" | "MKD" | "MYR" | "MUR" | "MXN" | "MNT" | "MZN" | "NAD" | "NPR" | "ANG" | "NZD" | "NIO" | "NGN" | "KPW" | "NOK" | "OMR" | "PKR" | "PAB" | "PYG" | "PEN" | "PHP" | "PLN" | "QAR" | "RON" | "RUR" | "RUB" | "SHP" | "SAR" | "RSD" | "SCR" | "SGD" | "SBD" | "SOS" | "ZAR" | "KRW" | "LKR" | "SEK" | "CHF" | "SRD" | "SYP" | "TWD" | "THB" | "TTD" | "TRY" | "TRL" | "TVD" | "UAH" | "GBP" | "USD" | "UYU" | "UZS" | "VEF" | "VND" | "YER" | "ZWD" | undefined;
+    /**
+     * Дополнительный закрепленный текст справа от основного значения. (по умолчанию — символ валюты)
+     */
+    suffix?: string | undefined;
+    /**
+     * Максимальное число знаков до запятой
+     */
+    integerLength?: number | undefined;
+    /**
+     * Минорные единицы
+     */
+    minority?: number | undefined;
+    /**
+     * Позволяет вводить только целые значения
+     */
+    integersOnly?: boolean | undefined;
+    /**
+     * Жир
+     */
+    bold?: boolean | undefined;
+    /**
+     * Обработчик события изменения значения
+     */
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement>, payload: {
+        /**
+         * Денежное значение в минорных единицах
+         * Значение null - значит не установлено
+         */
+        value: number | null;
+        /**
+         * Значение инпута
+         */
+        valueString: string;
+    }) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { AmountInputProps, AmountInput };

package/amount-input/cssm/Component.js

@@ -0,0 +1,168 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cn = require('classnames');
+var React = require('react');
+var coreComponentsInput = require('../../input/cssm');
+var utils = require('@alfalab/utils');
+var coreComponentsWithSuffix = require('../../with-suffix/cssm');
+var utils_index = require('./utils/index.js');
+var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var colorStyles = {
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
+};
+/**
+ * Инпут, позволяющий закрепить значок валюты
+ */
+var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input);
+/**
+ * Компонент для ввода денежных значений
+ */
+var AmountInput = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.value, value = _c === void 0 ? null : _c, _d = _a.integerLength, integerLength = _d === void 0 ? 9 : _d, _e = _a.minority, minority = _e === void 0 ? 100 : _e, _f = _a.currency, currency = _f === void 0 ? 'RUR' : _f, _g = _a.suffix, suffix = _g === void 0 ? currency : _g, _h = _a.placeholder, placeholder = _h === void 0 ? "0\u2009" + (suffix === currency ? utils.getCurrencySymbol(currency) || '' : suffix) : _h, _j = _a.integersOnly, integersOnly = _j === void 0 ? false : _j, _k = _a.bold, bold = _k === void 0 ? true : _k, _l = _a.colors, colors = _l === void 0 ? 'default' : _l, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _m = _a.clear, clear = _m === void 0 ? false : _m, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["value", "integerLength", "minority", "currency", "suffix", "placeholder", "integersOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear"]);
+    var _o = React.useState(utils.formatAmount({
+        // TODO: поддержать nullable в utils
+        value: value,
+        currency: currency,
+        minority: minority,
+        view: 'default',
+    }).formatted), inputValue = _o[0], setInputValue = _o[1];
+    var currencySymbol = utils.getCurrencySymbol(currency);
+    React.useEffect(function () {
+        var currentAmountValue = utils_index.getAmountValueFromStr(inputValue, minority);
+        if (currentAmountValue !== value) {
+            return setInputValue(utils.formatAmount({
+                // TODO: поддержать nullable в utils
+                value: value,
+                currency: currency,
+                minority: minority,
+                view: 'default',
+            }).formatted);
+        }
+        return function () { return undefined; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, currency, minority]);
+    var handleChange = function (e) {
+        var input = e.target;
+        var enteredValue = input.value.replace(/\s/g, '').replace('.', ',');
+        if (integersOnly) {
+            enteredValue = enteredValue.split(',')[0];
+        }
+        var isCorrectEnteredValue = RegExp("(^[0-9]{1," + integerLength + "}(,([0-9]+)?)?$|^\\s*$)").test(enteredValue);
+        if (isCorrectEnteredValue) {
+            var newFormattedValue = utils_index.getFormattedValue(enteredValue, currency, minority);
+            if (newFormattedValue === inputValue) {
+                var caret_1 = input.selectionStart;
+                window.requestAnimationFrame(function () {
+                    input.selectionStart = caret_1;
+                    input.selectionEnd = caret_1;
+                });
+            }
+            else {
+                /**
+                 * Поддержка положения каретки
+                 * Поскольку при форматировании введенного значения могут появляться символы типа пробела
+                 * или запятая - каретка прыгает в конец и ее необходимо ставить в правильное место
+                 */
+                // Узнаем длину оригинального инпута с условием обрезания лишних символов
+                var _a = input.value.split(/\.|,/), head = _a[0], tail = _a[1];
+                var notFormattedEnteredValueLength = head.length;
+                if (tail) {
+                    notFormattedEnteredValueLength += 1; // запятая или точка
+                    notFormattedEnteredValueLength += tail.slice(0, minority.toString().length - 1).length; // символы в минорной части
+                }
+                var diff = newFormattedValue.length - notFormattedEnteredValueLength;
+                var caret_2 = input.selectionStart + diff;
+                window.requestAnimationFrame(function () {
+                    input.selectionStart = caret_2;
+                    input.selectionEnd = caret_2;
+                });
+            }
+            setInputValue(newFormattedValue);
+            if (onChange) {
+                onChange(e, {
+                    value: utils_index.getAmountValueFromStr(newFormattedValue, minority),
+                    valueString: newFormattedValue,
+                });
+            }
+        }
+        else {
+            // Не двигаем каретку когда вставляется невалидный символ
+            var caret_3 = input.selectionStart - 1;
+            window.requestAnimationFrame(function () {
+                input.selectionStart = caret_3;
+                input.selectionEnd = caret_3;
+            });
+        }
+    };
+    var handleClear = React.useCallback(function (event) {
+        setInputValue('');
+        if (onClear) {
+            onClear(event);
+        }
+    }, [onClear]);
+    var _p = inputValue.split(','), majorPart = _p[0], minorPart = _p[1];
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].container, (_b = {},
+            _b[styles__default['default'].bold] = bold,
+            _b[styles__default['default'].filled] = Boolean(inputValue),
+            _b)) },
+        React__default['default'].createElement(SuffixInput, __assign({}, restProps, { suffix: React__default['default'].createElement(React.Fragment, null,
+                majorPart,
+                React__default['default'].createElement("span", { className: colorStyles[colors].minorPartAndCurrency },
+                    minorPart !== undefined && "," + minorPart,
+                    utils.THINSP,
+                    suffix === currency ? currencySymbol : suffix)), suffixContainerClassName: styles__default['default'].suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default['default'](styles__default['default'].component, className), focusedClassName: focusedClassName, inputClassName: styles__default['default'].input, onChange: handleChange, onClear: handleClear, dataTestId: dataTestId, ref: ref }))));
+});
+
+exports.AmountInput = AmountInput;

package/amount-input/cssm/default.module.css

@@ -0,0 +1,17 @@
+:root {
+    --color-light-text-secondary: #546272;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
+}
+.minorPartAndCurrency {
+    color: var(--amount-input-minor-part-and-currency-color);
+}

package/amount-input/cssm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/amount-input/cssm/index.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('classnames');
+require('react');
+require('../../input/cssm');
+require('@alfalab/utils');
+require('../../with-suffix/cssm');
+require('./utils/index.js');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
+
+
+
+exports.AmountInput = Component.AmountInput;