@alfalab/core-components 47.26.0-beta.2 → 47.26.0

package/input/cssm/components/base-input/Component.js

@@ -49,14 +49,23 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
     // отображаем крестик только для заполненного и активного инпута
     var clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     var hasInnerLabel = label && labelView === 'inner';
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            var input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     var handleInputFocus = React.useCallback(function (event) {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     var handleInputBlur = React.useCallback(function (event) {
         setFocused(false);
         if (onBlur) {
@@ -104,6 +113,7 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
             _b[styles__default.default.focusVisible] = focusVisible,
             _b)), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React__default.default.createElement("input", tslib.__assign({}, restProps, { className: cn__default.default(styles__default.default.input, colorCommonStyles[colors].input, (_c = {},
+                _c[styles__default.default.disableUserInput] = disableUserInput,
                 _c[colorCommonStyles[colors].disableUserInput] = disableUserInput,
                 _c[colorCommonStyles[colors].error] = error,
                 _c[styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]] = hasInnerLabel,

package/input/cssm/components/base-input/index.module.css

@@ -123,7 +123,8 @@
 } /* DISABLED STATE */ .input:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input:focus.hasInnerLabel::placeholder {
+} /* FOCUS STATE */ .input:focus.hasInnerLabel::placeholder,
+.input:focus.hasInnerLabel.disableUserInput::placeholder {
     opacity: 1;
 } .focusVisible {
     outline: 2px solid var(--focus-color);

package/input/esm/components/base-input/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { StatusBadge } from '../../../../status-badge/esm';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ClearButton } from '../clear-button/Component.js';
 import '../../../../button/esm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 var defaultColors = {"input":"input__input_1be21","hasInnerLabel":"input__hasInnerLabel_1be21","disableUserInput":"input__disableUserInput_1be21","error":"input__error_1be21"};
 require('./default.css');
 
-var styles = {"input":"input__input_1kow1","hasInnerLabel":"input__hasInnerLabel_1kow1","size-48":"input__size-48_1kow1","size-56":"input__size-56_1kow1","size-64":"input__size-64_1kow1","size-72":"input__size-72_1kow1","block":"input__block_1kow1","errorIcon":"input__errorIcon_1kow1","successIcon":"input__successIcon_1kow1","focusVisible":"input__focusVisible_1kow1","onautofillstart":"input__onautofillstart_1kow1","onautofillcancel":"input__onautofillcancel_1kow1"};
+var styles = {"input":"input__input_1kow1","hasInnerLabel":"input__hasInnerLabel_1kow1","size-48":"input__size-48_1kow1","size-56":"input__size-56_1kow1","size-64":"input__size-64_1kow1","size-72":"input__size-72_1kow1","block":"input__block_1kow1","errorIcon":"input__errorIcon_1kow1","successIcon":"input__successIcon_1kow1","disableUserInput":"input__disableUserInput_1kow1","focusVisible":"input__focusVisible_1kow1","onautofillstart":"input__onautofillstart_1kow1","onautofillcancel":"input__onautofillcancel_1kow1"};
 require('./index.css');
 
 var invertedColors = {"input":"input__input_14nnf","hasInnerLabel":"input__hasInnerLabel_14nnf","disableUserInput":"input__disableUserInput_14nnf","error":"input__error_14nnf"};
@@ -46,14 +46,23 @@ var BaseInput = React.forwardRef(function (_a, ref) {
     // отображаем крестик только для заполненного и активного инпута
     var clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     var hasInnerLabel = label && labelView === 'inner';
+    useLayoutEffect_SAFE_FOR_SSR(function () {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            var input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     var handleInputFocus = useCallback(function (event) {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     var handleInputBlur = useCallback(function (event) {
         setFocused(false);
         if (onBlur) {
@@ -101,6 +110,7 @@ var BaseInput = React.forwardRef(function (_a, ref) {
             _b[styles.focusVisible] = focusVisible,
             _b)), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React.createElement("input", __assign({}, restProps, { className: cn(styles.input, colorCommonStyles[colors].input, (_c = {},
+                _c[styles.disableUserInput] = disableUserInput,
                 _c[colorCommonStyles[colors].disableUserInput] = disableUserInput,
                 _c[colorCommonStyles[colors].error] = error,
                 _c[styles[SIZE_TO_CLASSNAME_MAP[size]]] = hasInnerLabel,

package/input/esm/components/base-input/index.css

@@ -124,7 +124,8 @@
 } /* DISABLED STATE */ .input__input_1kow1:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1kow1:focus.input__hasInnerLabel_1kow1::placeholder {
+} /* FOCUS STATE */ .input__input_1kow1:focus.input__hasInnerLabel_1kow1::placeholder,
+.input__input_1kow1:focus.input__hasInnerLabel_1kow1.input__disableUserInput_1kow1::placeholder {
     opacity: 1;
 } .input__focusVisible_1kow1 {
     outline: 2px solid var(--focus-color);

package/input/modern/components/base-input/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { StatusBadge } from '../../../../status-badge/modern';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ClearButton } from '../clear-button/Component.js';
 import '../../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 const defaultColors = {"input":"input__input_1be21","hasInnerLabel":"input__hasInnerLabel_1be21","disableUserInput":"input__disableUserInput_1be21","error":"input__error_1be21"};
 require('./default.css');
 
-const styles = {"input":"input__input_1kow1","hasInnerLabel":"input__hasInnerLabel_1kow1","size-48":"input__size-48_1kow1","size-56":"input__size-56_1kow1","size-64":"input__size-64_1kow1","size-72":"input__size-72_1kow1","block":"input__block_1kow1","errorIcon":"input__errorIcon_1kow1","successIcon":"input__successIcon_1kow1","focusVisible":"input__focusVisible_1kow1","onautofillstart":"input__onautofillstart_1kow1","onautofillcancel":"input__onautofillcancel_1kow1"};
+const styles = {"input":"input__input_1kow1","hasInnerLabel":"input__hasInnerLabel_1kow1","size-48":"input__size-48_1kow1","size-56":"input__size-56_1kow1","size-64":"input__size-64_1kow1","size-72":"input__size-72_1kow1","block":"input__block_1kow1","errorIcon":"input__errorIcon_1kow1","successIcon":"input__successIcon_1kow1","disableUserInput":"input__disableUserInput_1kow1","focusVisible":"input__focusVisible_1kow1","onautofillstart":"input__onautofillstart_1kow1","onautofillcancel":"input__onautofillcancel_1kow1"};
 require('./index.css');
 
 const invertedColors = {"input":"input__input_14nnf","hasInnerLabel":"input__hasInnerLabel_14nnf","disableUserInput":"input__disableUserInput_14nnf","error":"input__error_14nnf"};
@@ -43,14 +43,23 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     // отображаем крестик только для заполненного и активного инпута
     const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     const hasInnerLabel = label && labelView === 'inner';
+    useLayoutEffect_SAFE_FOR_SSR(() => {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            const input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     const handleInputFocus = useCallback((event) => {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     const handleInputBlur = useCallback((event) => {
         setFocused(false);
         if (onBlur) {
@@ -98,6 +107,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             [styles.focusVisible]: focusVisible,
         }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+                [styles.disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].error]: error,
                 [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,

package/input/modern/components/base-input/index.css

@@ -124,7 +124,8 @@
 } /* DISABLED STATE */ .input__input_1kow1:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1kow1:focus.input__hasInnerLabel_1kow1::placeholder {
+} /* FOCUS STATE */ .input__input_1kow1:focus.input__hasInnerLabel_1kow1::placeholder,
+.input__input_1kow1:focus.input__hasInnerLabel_1kow1.input__disableUserInput_1kow1::placeholder {
     opacity: 1;
 } .input__focusVisible_1kow1 {
     outline: 2px solid var(--focus-color);

package/input/moderncssm/components/base-input/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/moderncssm';
 import { StatusBadge } from '../../../../status-badge/moderncssm';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ClearButton } from '../clear-button/Component.js';
 import defaultColors from './default.module.css';
 import styles from './index.module.css';
@@ -40,14 +40,23 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     // отображаем крестик только для заполненного и активного инпута
     const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     const hasInnerLabel = label && labelView === 'inner';
+    useLayoutEffect_SAFE_FOR_SSR(() => {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            const input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     const handleInputFocus = useCallback((event) => {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     const handleInputBlur = useCallback((event) => {
         setFocused(false);
         if (onBlur) {
@@ -95,6 +104,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             [styles.focusVisible]: focusVisible,
         }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+                [styles.disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].error]: error,
                 [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,

package/input/moderncssm/components/base-input/index.module.css

@@ -132,7 +132,8 @@ button[class*='eye'] + .successIcon {
 
 /* FOCUS STATE */
 
-.input:focus.hasInnerLabel::placeholder {
+.input:focus.hasInnerLabel::placeholder,
+.input:focus.hasInnerLabel.disableUserInput::placeholder {
     opacity: 1;
 }
 

package/international-phone-input/cssm/data/country-data.js

@@ -20,6 +20,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
  */
 var countriesData = [
+    ['Абхазия', ['europe'], 'ge-ab', '7', '... ... .. ..', 1, ['840', '940']],
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],
     ['Алжир', ['africa', 'north-africa'], 'dz', '213'],

package/international-phone-input/data/country-data.js

@@ -20,6 +20,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
  */
 var countriesData = [
+    ['Абхазия', ['europe'], 'ge-ab', '7', '... ... .. ..', 1, ['840', '940']],
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],
     ['Алжир', ['africa', 'north-africa'], 'dz', '213'],

package/international-phone-input/esm/data/country-data.js

@@ -18,6 +18,7 @@
  *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
  */
 var countriesData = [
+    ['Абхазия', ['europe'], 'ge-ab', '7', '... ... .. ..', 1, ['840', '940']],
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],
     ['Алжир', ['africa', 'north-africa'], 'dz', '213'],

package/international-phone-input/modern/data/country-data.js

@@ -18,6 +18,7 @@
  *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
  */
 const countriesData = [
+    ['Абхазия', ['europe'], 'ge-ab', '7', '... ... .. ..', 1, ['840', '940']],
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],
     ['Алжир', ['africa', 'north-africa'], 'dz', '213'],

package/international-phone-input/moderncssm/data/country-data.js

@@ -18,6 +18,7 @@
  *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
  */
 const countriesData = [
+    ['Абхазия', ['europe'], 'ge-ab', '7', '... ... .. ..', 1, ['840', '940']],
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],
     ['Алжир', ['africa', 'north-africa'], 'dz', '213'],

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-5fe6eb60.js');
+var layout_module = require('../../layout.module-eb045a74.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-5fe6eb60.js');
+var layout_module = require('../../layout.module-eb045a74.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-92b005a8.js';
+import './layout.module-db85a5f8.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-92b005a8.js';
+import { l as layoutStyles } from '../../layout.module-db85a5f8.js';
 
 var styles = {"component":"modal__component_13k90"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-92b005a8.js';
+import '../../layout.module-db85a5f8.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-92b005a8.js';
+import { l as layoutStyles } from '../../layout.module-db85a5f8.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_uw3fl","sticky":"modal__sticky_uw3fl","fullscreen":"modal__fullscreen_uw3fl","size-500":"modal__size-500_uw3fl","size-600":"modal__size-600_uw3fl","size-800":"modal__size-800_uw3fl","size-1140":"modal__size-1140_uw3fl"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-92b005a8.js';
+import '../layout.module-db85a5f8.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-92b005a8.js';
+import '../layout.module-db85a5f8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-92b005a8.js';
+import './layout.module-db85a5f8.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-92b005a8.js';
+import '../layout.module-db85a5f8.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-92b005a8.js';
+import '../layout.module-db85a5f8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-ee03e17c.js';
+import './layout.module-bda20622.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ee03e17c.js';
+import { l as layoutStyles } from '../../layout.module-bda20622.js';
 
 const styles = {"component":"modal__component_13k90"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-ee03e17c.js';
+import '../../layout.module-bda20622.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ee03e17c.js';
+import { l as layoutStyles } from '../../layout.module-bda20622.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_uw3fl","sticky":"modal__sticky_uw3fl","fullscreen":"modal__fullscreen_uw3fl","size-500":"modal__size-500_uw3fl","size-600":"modal__size-600_uw3fl","size-800":"modal__size-800_uw3fl","size-1140":"modal__size-1140_uw3fl"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-ee03e17c.js';
+import '../layout.module-bda20622.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-ee03e17c.js';
+import '../layout.module-bda20622.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-ee03e17c.js';
+import './layout.module-bda20622.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-ee03e17c.js';
+import '../layout.module-bda20622.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-ee03e17c.js';
+import '../layout.module-bda20622.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "47.26.0-beta.2",
+  "version": "47.26.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -96,6 +96,7 @@
     "react-virtuoso": "^2.12.0",
     "recharts": "^2.1.2",
     "simplebar": "^5.3.8",
+    "hls.js": "^1.5.13",
     "swiper": "^6.8.2",
     "text-mask-core": "^5.1.2",
     "tslib": "^2.4.0",

package/pure-cell/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-a8db97e1.js');
+var components_addon_component = require('./component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/addon/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a8db97e1";
+export * from "../../component-bfc4cd9b";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a8db97e1";
+export * from "../../component-bfc4cd9b";

package/pure-cell/components/amount/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a8db97e1";
+export * from "../../component-bfc4cd9b";

package/pure-cell/components/amount-title/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/category/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a8db97e1";
+export * from "../../component-bfc4cd9b";

package/pure-cell/components/category/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');
 
 
 

package/pure-cell/components/content/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-a8db97e1.js');
+var components_addon_component = require('../../component-bfc4cd9b.js');