@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

package/form-control/cssm/components/base-form-control/Component.js

@@ -1,26 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import { getDataTestId } from '../../../../shared/cssm';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsShared = require('../../../../shared/cssm');
-var defaultColors = require('./default.module.css');
-var commonStyles = require('./index.module.css');
-var invertedColors = require('./inverted.module.css');
+const defaultColors = {"component":"component","label":"label","hint":"hint","inner":"inner","disabled":"disabled","hasError":"hasError","focused":"focused","error":"error"};
+require('./default.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const commonStyles = {"component":"component","inner":"inner","inputWrapper":"inputWrapper","input":"input","label":"label","labelInner":"labelInner","addons":"addons","leftAddons":"leftAddons","rightAddons":"rightAddons","sub":"sub","above":"above","block":"block","size-48":"size-48","hasInnerLabel":"hasInnerLabel","size-56":"size-56","size-64":"size-64","size-72":"size-72","hasLeftAddons":"hasLeftAddons","hasRightAddons":"hasRightAddons","disabled":"disabled","focused":"focused","hasError":"hasError","filled":"filled","hiddenLabel":"hiddenLabel"};
+require('./index.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+const invertedColors = {"component":"component","label":"label","hint":"hint","inner":"inner","disabled":"disabled","hasError":"hasError","focused":"focused","error":"error"};
+require('./inverted.css');
 
-var colorCommonStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorCommonStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -30,39 +25,37 @@ var SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 48 : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, leftAddonsProps = _a.leftAddonsProps, rightAddonsProps = _a.rightAddonsProps, restProps = tslib.__rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles", "leftAddonsProps", "rightAddonsProps"]);
-    var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(commonStyles__default.default.component, colorCommonStyles[colors].component, className, commonStyles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], (_b = {},
-            _b[commonStyles__default.default.block] = block,
-            _b[commonStyles__default.default.hasLeftAddons] = leftAddons,
-            _b[commonStyles__default.default.hasRightAddons] = rightAddons || error,
-            _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.above, styles.above, colorCommonStyles[colors].label) }, label)),
-        React__default.default.createElement("div", tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'inner') }, restProps, { className: cn__default.default(fieldClassName, commonStyles__default.default.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, (_c = {},
-                _c[commonStyles__default.default.disabled] = disabled || readOnly,
-                _c[colorCommonStyles[colors].disabled] = disabled || readOnly,
-                _c[colorStyles[colors].disabled] = disabled || readOnly,
-                _c[commonStyles__default.default.filled] = filled,
-                _c[commonStyles__default.default.hasInnerLabel] = label && labelView === 'inner',
-                _c[commonStyles__default.default.focused] = focused,
-                _c[colorCommonStyles[colors].focused] = focused,
-                _c[commonStyles__default.default.hasError] = error,
-                _c[colorCommonStyles[colors].hasError] = error,
-                _c[colorStyles[colors].hasError] = error && Boolean(colorStyles[colors].hasError),
-                _c)), ref: ref }),
-            leftAddons && (React__default.default.createElement("div", tslib.__assign({}, leftAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'left-addons'), className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.leftAddons, addonsClassName, leftAddonsProps === null || leftAddonsProps === void 0 ? void 0 : leftAddonsProps.className) }), leftAddons)),
-            React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.inputWrapper, inputWrapperClassName) },
-                label && labelView === 'inner' && (React__default.default.createElement(React__default.default.Fragment, null,
-                    React__default.default.createElement("span", { className: commonStyles__default.default.hiddenLabel, "aria-hidden": true }, label),
-                    React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.label, colorCommonStyles[colors].label, labelClassName) },
-                        React__default.default.createElement("span", { className: commonStyles__default.default.labelInner }, label)))),
-                React__default.default.createElement("div", { className: commonStyles__default.default.input }, children)),
-            rightAddons && (React__default.default.createElement("div", tslib.__assign({}, rightAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'right-addons'), className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.rightAddons, addonsClassName, rightAddonsProps === null || rightAddonsProps === void 0 ? void 0 : rightAddonsProps.className) }), rightAddons))),
+const BaseFormControl = React.forwardRef(({ block = false, size = 48, colors = 'default', className, fieldClassName, inputWrapperClassName, labelClassName, addonsClassName, disabled, readOnly, focused, filled, error, hint, label, labelView = 'inner', leftAddons, rightAddons, bottomAddons, children, dataTestId, styles, colorStyles = { default: {}, inverted: {} }, leftAddonsProps, rightAddonsProps, ...restProps }, ref) => {
+    const errorMessage = typeof error === 'boolean' ? '' : error;
+    return (React.createElement("div", { "data-test-id": dataTestId, className: cn(commonStyles.component, colorCommonStyles[colors].component, className, commonStyles[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], {
+            [commonStyles.block]: block,
+            [commonStyles.hasLeftAddons]: leftAddons,
+            [commonStyles.hasRightAddons]: rightAddons || error,
+        }) },
+        label && labelView === 'outer' && (React.createElement("span", { className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'inner'), ...restProps, className: cn(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, {
+                [commonStyles.disabled]: disabled || readOnly,
+                [colorCommonStyles[colors].disabled]: disabled || readOnly,
+                [colorStyles[colors].disabled]: disabled || readOnly,
+                [commonStyles.filled]: filled,
+                [commonStyles.hasInnerLabel]: label && labelView === 'inner',
+                [commonStyles.focused]: focused,
+                [colorCommonStyles[colors].focused]: focused,
+                [commonStyles.hasError]: error,
+                [colorCommonStyles[colors].hasError]: error,
+                [colorStyles[colors].hasError]: error && Boolean(colorStyles[colors].hasError),
+            }), ref: ref },
+            leftAddons && (React.createElement("div", { ...leftAddonsProps, "data-test-id": getDataTestId(dataTestId, 'left-addons'), className: cn(commonStyles.addons, commonStyles.leftAddons, addonsClassName, leftAddonsProps?.className) }, leftAddons)),
+            React.createElement("div", { className: cn(commonStyles.inputWrapper, inputWrapperClassName) },
+                label && labelView === 'inner' && (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: commonStyles.hiddenLabel, "aria-hidden": true }, label),
+                    React.createElement("div", { className: cn(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
+                        React.createElement("span", { className: commonStyles.labelInner }, label)))),
+                React.createElement("div", { className: commonStyles.input }, children)),
+            rightAddons && (React.createElement("div", { ...rightAddonsProps, "data-test-id": getDataTestId(dataTestId, 'right-addons'), className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps?.className) }, rightAddons))),
         bottomAddons,
-        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles__default.default.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles__default.default.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'error-message'), className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'hint'), className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
-exports.BaseFormControl = BaseFormControl;
+export { BaseFormControl };

package/form-control/cssm/components/base-form-control/index.js

@@ -1,7 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_baseFormControl_Component = require('./Component.js');
-
-
-
-exports.BaseFormControl = components_baseFormControl_Component.BaseFormControl;
+export { BaseFormControl } from './Component.js';
+import 'react';
+import 'classnames';
+import '../../../../shared/cssm';

package/form-control/cssm/desktop/Component.desktop.js

@@ -1,23 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseFormControl } from '../components/base-form-control/Component.js';
+import 'classnames';
+import '../../../shared/cssm';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseFormControl_Component = require('../components/base-form-control/Component.js');
-var defaultColors = require('./default.desktop.module.css');
-var styles = require('./desktop.module.css');
-var invertedColors = require('./inverted.desktop.module.css');
+const defaultColors = {"inner":"inner","hasError":"hasError","disabled":"disabled"};
+require('./default.desktop.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const styles = {"above":"above","sub":"sub","error":"error","size-48":"size-48","inner":"inner","size-56":"size-56","size-64":"size-64","size-72":"size-72"};
+require('./desktop.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+const invertedColors = {"inner":"inner","hasError":"hasError","disabled":"disabled"};
+require('./inverted.desktop.css');
 
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var FormControlDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseFormControl_Component.BaseFormControl, tslib.__assign({}, restProps, { ref: ref, styles: styles__default.default, colorStyles: colorStyles }))); });
+const FormControlDesktop = forwardRef((restProps, ref) => (React.createElement(BaseFormControl, { ...restProps, ref: ref, styles: styles, colorStyles: colorStyles })));
 
-exports.FormControlDesktop = FormControlDesktop;
+export { FormControlDesktop };

package/form-control/cssm/desktop/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.FormControlDesktop = desktop_Component_desktop.FormControlDesktop;
+export { FormControlDesktop } from './Component.desktop.js';
+import 'react';
+import '../components/base-form-control/Component.js';
+import 'classnames';
+import '../../../shared/cssm';

package/form-control/cssm/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.FormControl = Component_responsive.FormControl;
+export { FormControl } from './Component.responsive.js';
+import 'react';
+import '../../mq/cssm';
+import './desktop/Component.desktop.js';
+import './components/base-form-control/Component.js';
+import 'classnames';
+import '../../shared/cssm';
+import './mobile/Component.mobile.js';

package/form-control/cssm/mobile/Component.mobile.js

@@ -1,23 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseFormControl } from '../components/base-form-control/Component.js';
+import 'classnames';
+import '../../../shared/cssm';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseFormControl_Component = require('../components/base-form-control/Component.js');
-var defaultColors = require('./default.mobile.module.css');
-var invertedColors = require('./inverted.mobile.module.css');
-var styles = require('./mobile.module.css');
+const defaultColors = {"inner":"inner","disabled":"disabled","hasError":"hasError"};
+require('./default.mobile.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const invertedColors = {"inner":"inner","disabled":"disabled","hasError":"hasError"};
+require('./inverted.mobile.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+const styles = {"above":"above","sub":"sub","error":"error","size-48":"size-48","inner":"inner","size-56":"size-56","size-64":"size-64","size-72":"size-72"};
+require('./mobile.css');
 
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var FormControlMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseFormControl_Component.BaseFormControl, tslib.__assign({}, restProps, { ref: ref, styles: styles__default.default, colorStyles: colorStyles }))); });
+const FormControlMobile = forwardRef((restProps, ref) => (React.createElement(BaseFormControl, { ...restProps, ref: ref, styles: styles, colorStyles: colorStyles })));
 
-exports.FormControlMobile = FormControlMobile;
+export { FormControlMobile };

package/form-control/cssm/mobile/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mobile_Component_mobile = require('./Component.mobile.js');
-
-
-
-exports.FormControlMobile = mobile_Component_mobile.FormControlMobile;
+export { FormControlMobile } from './Component.mobile.js';
+import 'react';
+import '../components/base-form-control/Component.js';
+import 'classnames';
+import '../../../shared/cssm';

package/form-control/cssm/shared/index.js

@@ -1,7 +1,2 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('../utils.js');
-
-
-
-exports.getFormControlTestIds = utils.getFormControlTestIds;
+export { getFormControlTestIds } from '../utils.js';
+import '../../../shared/cssm';

package/form-control/cssm/utils.js

@@ -1,16 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var coreComponentsShared = require('../../shared/cssm');
+import { getDataTestId } from '../../shared/cssm';
 
 function getFormControlTestIds(dataTestId) {
     return {
         inputWrapper: dataTestId,
-        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'inner'),
-        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'left-addons'),
-        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'right-addons'),
-        error: coreComponentsShared.getDataTestId(dataTestId, 'error-message'),
-        hint: coreComponentsShared.getDataTestId(dataTestId, 'hint'),
+        inputWrapperInner: getDataTestId(dataTestId, 'inner'),
+        leftAddons: getDataTestId(dataTestId, 'left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'right-addons'),
+        error: getDataTestId(dataTestId, 'error-message'),
+        hint: getDataTestId(dataTestId, 'hint'),
     };
 }
 
-exports.getFormControlTestIds = getFormControlTestIds;
+export { getFormControlTestIds };

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-a4d1610f.js');
+var components_header_buttons = require('../../buttons-8b4cdcd2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-a4d1610f.js');
+var components_header_buttons = require('../../buttons-8b4cdcd2.js');
 
 
 

package/gallery/components/image-viewer/component.js

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-1f7b8236.js');
+var components_imageViewer_slide = require('../../slide-6cc086c4.js');
 require('swiper/swiper.min.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/gallery/components/image-viewer/slide.js

@@ -6,7 +6,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-1f7b8236.js');
+var components_imageViewer_slide = require('../../slide-6cc086c4.js');
 
 
 

package/gallery/cssm/Component.js

@@ -1,68 +1,83 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useState, useCallback, useEffect } from 'react';
+import { BaseModal } from '../../base-modal/cssm';
+import { NavigationBar } from './components/navigation-bar/Component.js';
+import { Header } from './components/header/Component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import { GalleryContext } from './context.js';
+import { ImageViewer } from './components/image-viewer/component.js';
+import './utils/utils.js';
+import './utils/constants.js';
+import './components/image-preview/Component.js';
+import '../../typography/cssm';
+import '../../icon-button/cssm';
+import '../../tooltip/cssm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import './components/image-preview/paths.js';
+import './components/header-info-block/Component.js';
+import './utils/split-filename.js';
+import './buttons-be9bcc3d.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import './slide-2e474041.js';
+import './components/image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 
-var React = require('react');
-var coreComponentsBaseModal = require('../../base-modal/cssm');
-var components_navigationBar_Component = require('./components/navigation-bar/Component.js');
-var components_header_Component = require('./components/header/Component.js');
-require('classnames');
-require('@alfalab/hooks');
-var context = require('./context.js');
-require('./components/image-preview/index.module.css');
-var components_imageViewer_component = require('./components/image-viewer/component.js');
-var styles = require('./index.module.css');
+const styles = {"container":"container","modal":"modal"};
+require('./index.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Backdrop = function () { return null; };
-var Gallery = function (_a) {
-    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b, _c = _a.loop, loop = _c === void 0 ? true : _c, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange;
-    var currentSlideIndexState = React.useState(initialSlide);
-    var uncontrolled = slideIndex === undefined;
-    var _d = uncontrolled
+const Backdrop = () => null;
+const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onClose, onSlideIndexChange, }) => {
+    const currentSlideIndexState = useState(initialSlide);
+    const uncontrolled = slideIndex === undefined;
+    const [currentSlideIndex, setCurrentSlideIndex] = uncontrolled
         ? currentSlideIndexState
-        : [slideIndex, onSlideIndexChange], currentSlideIndex = _d[0], setCurrentSlideIndex = _d[1];
-    var _e = React.useState(), swiper = _e[0], setSwiper = _e[1];
-    var _f = React.useState([]), imagesMeta = _f[0], setImagesMeta = _f[1];
-    var _g = React.useState(false), fullScreen = _g[0], setFullScreen = _g[1];
-    var slideTo = React.useCallback(function (index) {
+        : [slideIndex, onSlideIndexChange];
+    const [swiper, setSwiper] = useState();
+    const [imagesMeta, setImagesMeta] = useState([]);
+    const [fullScreen, setFullScreen] = useState(false);
+    const slideTo = useCallback((index) => {
         if (images[index]) {
-            setCurrentSlideIndex === null || setCurrentSlideIndex === void 0 ? void 0 : setCurrentSlideIndex(index);
+            setCurrentSlideIndex?.(index);
             if (swiper) {
                 swiper.slideTo(index);
             }
         }
     }, [images, setCurrentSlideIndex, swiper]);
-    var slideNext = React.useCallback(function () {
-        var lastIndex = images.length - 1;
-        var nextIndex = currentSlideIndex + 1;
+    const slideNext = useCallback(() => {
+        const lastIndex = images.length - 1;
+        let nextIndex = currentSlideIndex + 1;
         if (nextIndex >= images.length) {
             nextIndex = loop ? 0 : lastIndex;
         }
         slideTo(nextIndex);
     }, [images.length, loop, currentSlideIndex, slideTo]);
-    var slidePrev = React.useCallback(function () {
-        var lastIndex = images.length - 1;
-        var nextIndex = currentSlideIndex - 1;
+    const slidePrev = useCallback(() => {
+        const lastIndex = images.length - 1;
+        let nextIndex = currentSlideIndex - 1;
         if (nextIndex < 0) {
             nextIndex = loop ? lastIndex : 0;
         }
         slideTo(nextIndex);
     }, [images.length, loop, currentSlideIndex, slideTo]);
-    var setImageMeta = React.useCallback(function (meta, index) {
+    const setImageMeta = useCallback((meta, index) => {
         imagesMeta[index] = meta;
         setImagesMeta(imagesMeta.slice());
     }, [imagesMeta]);
-    var handleClose = React.useCallback(function () {
+    const handleClose = useCallback(() => {
         onClose();
         if (uncontrolled) {
-            setCurrentSlideIndex === null || setCurrentSlideIndex === void 0 ? void 0 : setCurrentSlideIndex(initialSlide);
+            setCurrentSlideIndex?.(initialSlide);
         }
         setFullScreen(false);
     }, [initialSlide, onClose, setCurrentSlideIndex, uncontrolled]);
-    var handleEscapeKeyDown = function () {
+    const handleEscapeKeyDown = () => {
         if (fullScreen) {
             setFullScreen(false);
         }
@@ -70,7 +85,7 @@ var Gallery = function (_a) {
             handleClose();
         }
     };
-    var handleKeyDown = React.useCallback(function (event) {
+    const handleKeyDown = useCallback((event) => {
         if (!open || fullScreen) {
             return;
         }
@@ -83,45 +98,45 @@ var Gallery = function (_a) {
                 break;
         }
     }, [fullScreen, open, slideNext, slidePrev]);
-    React.useEffect(function () {
-        if (!uncontrolled && !(swiper === null || swiper === void 0 ? void 0 : swiper.destroyed)) {
-            swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(currentSlideIndex);
+    useEffect(() => {
+        if (!uncontrolled && !swiper?.destroyed) {
+            swiper?.slideTo(currentSlideIndex);
         }
     }, [uncontrolled, currentSlideIndex, swiper]);
-    React.useEffect(function () {
+    useEffect(() => {
         document.addEventListener('keydown', handleKeyDown);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [handleKeyDown]);
-    var singleSlide = images.length === 1;
-    var showNavigationBar = !singleSlide && !fullScreen;
+    const singleSlide = images.length === 1;
+    const showNavigationBar = !singleSlide && !fullScreen;
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    var galleryContext = {
-        singleSlide: singleSlide,
-        currentSlideIndex: currentSlideIndex,
-        images: images,
-        imagesMeta: imagesMeta,
-        fullScreen: fullScreen,
+    const galleryContext = {
+        singleSlide,
+        currentSlideIndex,
+        images,
+        imagesMeta,
+        fullScreen,
         initialSlide: uncontrolled ? initialSlide : currentSlideIndex,
-        setFullScreen: setFullScreen,
-        setImageMeta: setImageMeta,
-        slideNext: slideNext,
-        slidePrev: slidePrev,
-        slideTo: slideTo,
-        getSwiper: function () { return swiper; },
-        setSwiper: setSwiper,
+        setFullScreen,
+        setImageMeta,
+        slideNext,
+        slidePrev,
+        slideTo,
+        getSwiper: () => swiper,
+        setSwiper,
         onClose: handleClose,
-        setCurrentSlideIndex: setCurrentSlideIndex,
-        getCurrentImage: function () { return images[currentSlideIndex]; },
-        getCurrentImageMeta: function () { return imagesMeta[currentSlideIndex]; },
+        setCurrentSlideIndex,
+        getCurrentImage: () => images[currentSlideIndex],
+        getCurrentImageMeta: () => imagesMeta[currentSlideIndex],
     };
-    return (React__default.default.createElement(context.GalleryContext.Provider, { value: galleryContext },
-        React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, className: styles__default.default.modal, onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop },
-            React__default.default.createElement("div", { className: styles__default.default.container },
-                React__default.default.createElement(components_header_Component.Header, null),
-                React__default.default.createElement(components_imageViewer_component.ImageViewer, null),
-                showNavigationBar && React__default.default.createElement(components_navigationBar_Component.NavigationBar, null)))));
+    return (React.createElement(GalleryContext.Provider, { value: galleryContext },
+        React.createElement(BaseModal, { open: open, className: styles.modal, onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop },
+            React.createElement("div", { className: styles.container },
+                React.createElement(Header, null),
+                React.createElement(ImageViewer, null),
+                showNavigationBar && React.createElement(NavigationBar, null)))));
 };
 
-exports.Gallery = Gallery;
+export { Gallery };

package/gallery/{modern-pcss-raw → cssm}/buttons-be9bcc3d.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IconButton } from '../../icon-button/modern-pcss-raw';
-import { TooltipDesktop } from '../../tooltip/modern-pcss-raw/desktop';
+import { IconButton } from '../../icon-button/cssm';
+import { TooltipDesktop } from '../../tooltip/cssm/desktop';
 import { ArrowsInwardMIcon } from '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import { ArrowsOutwardMIcon } from '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';