@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

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

@@ -1,15 +1,26 @@
-import React from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/cssm';
-import defaultColors from './default.module.css';
-import commonStyles from './index.module.css';
-import invertedColors from './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorCommonStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+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);
+
+var colorCommonStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -19,37 +30,39 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-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))),
+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))),
         bottomAddons,
-        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))));
+        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))));
 });
 
-export { BaseFormControl };
+exports.BaseFormControl = BaseFormControl;

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

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

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

@@ -1,18 +1,23 @@
-import React, { forwardRef } from 'react';
-import { BaseFormControl } from '../components/base-form-control/Component.js';
-import defaultColors from './default.desktop.module.css';
-import styles from './desktop.module.css';
-import invertedColors from './inverted.desktop.module.css';
-import 'classnames';
-import '../../../shared/cssm';
-import '../components/base-form-control/default.module.css';
-import '../components/base-form-control/index.module.css';
-import '../components/base-form-control/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const FormControlDesktop = forwardRef((restProps, ref) => (React.createElement(BaseFormControl, { ...restProps, ref: ref, styles: styles, colorStyles: colorStyles })));
+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 }))); });
 
-export { FormControlDesktop };
+exports.FormControlDesktop = FormControlDesktop;

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

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

package/form-control/cssm/index.js

@@ -1,17 +1,7 @@
-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 './components/base-form-control/default.module.css';
-import './components/base-form-control/index.module.css';
-import './components/base-form-control/inverted.module.css';
-import './desktop/default.desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/inverted.desktop.module.css';
-import './mobile/Component.mobile.js';
-import './mobile/default.mobile.module.css';
-import './mobile/inverted.mobile.module.css';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.FormControl = Component_responsive.FormControl;

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

@@ -1,18 +1,23 @@
-import React, { forwardRef } from 'react';
-import { BaseFormControl } from '../components/base-form-control/Component.js';
-import defaultColors from './default.mobile.module.css';
-import invertedColors from './inverted.mobile.module.css';
-import styles from './mobile.module.css';
-import 'classnames';
-import '../../../shared/cssm';
-import '../components/base-form-control/default.module.css';
-import '../components/base-form-control/index.module.css';
-import '../components/base-form-control/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const FormControlMobile = forwardRef((restProps, ref) => (React.createElement(BaseFormControl, { ...restProps, ref: ref, styles: styles, colorStyles: colorStyles })));
+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 }))); });
 
-export { FormControlMobile };
+exports.FormControlMobile = FormControlMobile;

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

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

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

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

package/form-control/cssm/utils.js

@@ -1,14 +1,16 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
 
 function getFormControlTestIds(dataTestId) {
     return {
         inputWrapper: dataTestId,
-        inputWrapperInner: getDataTestId(dataTestId, 'inner'),
-        leftAddons: getDataTestId(dataTestId, 'left-addons'),
-        rightAddons: getDataTestId(dataTestId, 'right-addons'),
-        error: getDataTestId(dataTestId, 'error-message'),
-        hint: getDataTestId(dataTestId, 'hint'),
+        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'),
     };
 }
 
-export { getFormControlTestIds };
+exports.getFormControlTestIds = 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-68cc8e2c.js');
+var components_header_buttons = require('../../buttons-86aa9ca3.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-68cc8e2c.js');
+var components_header_buttons = require('../../buttons-86aa9ca3.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-4a5002c6.js');
+var components_imageViewer_slide = require('../../slide-aa977082.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-4a5002c6.js');
+var components_imageViewer_slide = require('../../slide-aa977082.js');
 
 
 

package/gallery/cssm/Component.js

@@ -1,86 +1,68 @@
-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 './components/image-preview/index.module.css';
-import { ImageViewer } from './components/image-viewer/component.js';
-import styles from './index.module.css';
-import './utils/utils.js';
-import './utils/constants.js';
-import './components/image-preview/Component.js';
-import './components/navigation-bar/index.module.css';
-import '../../typography/cssm';
-import './components/header-info-block/index.module.css';
-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/header/index.module.css';
-import './components/image-preview/paths.js';
-import './components/header-info-block/Component.js';
-import './utils/split-filename.js';
-import './components/header/buttons.js';
-import 'element-closest';
-import 'swiper';
-import 'swiper/react';
-import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
-import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './components/image-viewer/slide.js';
-import './components/image-viewer/paths.js';
-import './components/image-viewer/index.module.css';
-import 'swiper/swiper.min.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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
+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');
+
+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
         ? currentSlideIndexState
-        : [slideIndex, onSlideIndexChange];
-    const [swiper, setSwiper] = useState();
-    const [imagesMeta, setImagesMeta] = useState([]);
-    const [fullScreen, setFullScreen] = useState(false);
-    const slideTo = useCallback((index) => {
+        : [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) {
         if (images[index]) {
-            setCurrentSlideIndex?.(index);
+            setCurrentSlideIndex === null || setCurrentSlideIndex === void 0 ? void 0 : setCurrentSlideIndex(index);
             if (swiper) {
                 swiper.slideTo(index);
             }
         }
     }, [images, setCurrentSlideIndex, swiper]);
-    const slideNext = useCallback(() => {
-        const lastIndex = images.length - 1;
-        let nextIndex = currentSlideIndex + 1;
+    var slideNext = React.useCallback(function () {
+        var lastIndex = images.length - 1;
+        var nextIndex = currentSlideIndex + 1;
         if (nextIndex >= images.length) {
             nextIndex = loop ? 0 : lastIndex;
         }
         slideTo(nextIndex);
     }, [images.length, loop, currentSlideIndex, slideTo]);
-    const slidePrev = useCallback(() => {
-        const lastIndex = images.length - 1;
-        let nextIndex = currentSlideIndex - 1;
+    var slidePrev = React.useCallback(function () {
+        var lastIndex = images.length - 1;
+        var nextIndex = currentSlideIndex - 1;
         if (nextIndex < 0) {
             nextIndex = loop ? lastIndex : 0;
         }
         slideTo(nextIndex);
     }, [images.length, loop, currentSlideIndex, slideTo]);
-    const setImageMeta = useCallback((meta, index) => {
+    var setImageMeta = React.useCallback(function (meta, index) {
         imagesMeta[index] = meta;
         setImagesMeta(imagesMeta.slice());
     }, [imagesMeta]);
-    const handleClose = useCallback(() => {
+    var handleClose = React.useCallback(function () {
         onClose();
         if (uncontrolled) {
-            setCurrentSlideIndex?.(initialSlide);
+            setCurrentSlideIndex === null || setCurrentSlideIndex === void 0 ? void 0 : setCurrentSlideIndex(initialSlide);
         }
         setFullScreen(false);
     }, [initialSlide, onClose, setCurrentSlideIndex, uncontrolled]);
-    const handleEscapeKeyDown = () => {
+    var handleEscapeKeyDown = function () {
         if (fullScreen) {
             setFullScreen(false);
         }
@@ -88,7 +70,7 @@ const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onCl
             handleClose();
         }
     };
-    const handleKeyDown = useCallback((event) => {
+    var handleKeyDown = React.useCallback(function (event) {
         if (!open || fullScreen) {
             return;
         }
@@ -101,45 +83,45 @@ const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onCl
                 break;
         }
     }, [fullScreen, open, slideNext, slidePrev]);
-    useEffect(() => {
-        if (!uncontrolled && !swiper?.destroyed) {
-            swiper?.slideTo(currentSlideIndex);
+    React.useEffect(function () {
+        if (!uncontrolled && !(swiper === null || swiper === void 0 ? void 0 : swiper.destroyed)) {
+            swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(currentSlideIndex);
         }
     }, [uncontrolled, currentSlideIndex, swiper]);
-    useEffect(() => {
+    React.useEffect(function () {
         document.addEventListener('keydown', handleKeyDown);
-        return () => {
+        return function () {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [handleKeyDown]);
-    const singleSlide = images.length === 1;
-    const showNavigationBar = !singleSlide && !fullScreen;
+    var singleSlide = images.length === 1;
+    var showNavigationBar = !singleSlide && !fullScreen;
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    const galleryContext = {
-        singleSlide,
-        currentSlideIndex,
-        images,
-        imagesMeta,
-        fullScreen,
+    var galleryContext = {
+        singleSlide: singleSlide,
+        currentSlideIndex: currentSlideIndex,
+        images: images,
+        imagesMeta: imagesMeta,
+        fullScreen: fullScreen,
         initialSlide: uncontrolled ? initialSlide : currentSlideIndex,
-        setFullScreen,
-        setImageMeta,
-        slideNext,
-        slidePrev,
-        slideTo,
-        getSwiper: () => swiper,
-        setSwiper,
+        setFullScreen: setFullScreen,
+        setImageMeta: setImageMeta,
+        slideNext: slideNext,
+        slidePrev: slidePrev,
+        slideTo: slideTo,
+        getSwiper: function () { return swiper; },
+        setSwiper: setSwiper,
         onClose: handleClose,
-        setCurrentSlideIndex,
-        getCurrentImage: () => images[currentSlideIndex],
-        getCurrentImageMeta: () => imagesMeta[currentSlideIndex],
+        setCurrentSlideIndex: setCurrentSlideIndex,
+        getCurrentImage: function () { return images[currentSlideIndex]; },
+        getCurrentImageMeta: function () { return imagesMeta[currentSlideIndex]; },
     };
-    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)))));
+    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)))));
 };
 
-export { Gallery };
+exports.Gallery = Gallery;