@alfalab/core-components-gallery 5.6.7 → 5.7.0

package/moderncssm/context.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import SwiperCore from 'swiper';
+import { GalleryImage, ImageMeta } from "./types";
+type GalleryContext = {
+    singleSlide: boolean;
+    currentSlideIndex: number;
+    images: GalleryImage[];
+    imagesMeta: ImageMeta[];
+    fullScreen: boolean;
+    initialSlide: number;
+    setFullScreen: (fullScreen: boolean) => void;
+    setImageMeta: (meta: ImageMeta, index: number) => void;
+    slideTo: (index: number) => void;
+    slideNext: () => void;
+    slidePrev: () => void;
+    getSwiper: () => SwiperCore | undefined;
+    setSwiper: (swiper: SwiperCore) => void;
+    onClose: () => void;
+    setCurrentSlideIndex?: (index: number) => void;
+    getCurrentImage: () => GalleryImage | undefined;
+    getCurrentImageMeta: () => ImageMeta | undefined;
+};
+declare const GalleryContext: import("react").Context<GalleryContext>;
+export { GalleryContext };

package/moderncssm/context.js

@@ -0,0 +1,25 @@
+import { createContext } from 'react';
+
+const mockFn = () => undefined;
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const GalleryContext = createContext({
+    singleSlide: false,
+    currentSlideIndex: 0,
+    images: [],
+    imagesMeta: [],
+    fullScreen: false,
+    initialSlide: 0,
+    setFullScreen: mockFn,
+    setImageMeta: mockFn,
+    slideTo: mockFn,
+    slideNext: mockFn,
+    slidePrev: mockFn,
+    getSwiper: mockFn,
+    setSwiper: mockFn,
+    onClose: mockFn,
+    setCurrentSlideIndex: mockFn,
+    getCurrentImage: mockFn,
+    getCurrentImageMeta: mockFn,
+});
+
+export { GalleryContext };

package/moderncssm/index.d.ts

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

package/moderncssm/index.js

@@ -0,0 +1,4 @@
+export { Gallery } from './Component.js';
+export { splitFilename } from './utils/split-filename.js';
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage } from './utils/utils.js';
+export { TestIds } from './utils/constants.js';

package/moderncssm/index.module.css

@@ -0,0 +1,17 @@
+/* */
+
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    width: 100%;
+    background-color: var(--color-static-neutral-0-inverted);
+}
+
+.modal {
+    flex-grow: 1;
+    width: 100%;
+    height: 100%;
+    background: transparent;
+}

package/moderncssm/types.d.ts

@@ -0,0 +1,13 @@
+type GalleryImage = {
+    src: string;
+    name?: string;
+    previewSrc?: string;
+    alt?: string;
+    canDownload?: boolean;
+};
+type ImageMeta = {
+    width: number;
+    height: number;
+    broken?: boolean;
+};
+export { GalleryImage, ImageMeta };

package/moderncssm/types.js

@@ -0,0 +1 @@
+

package/moderncssm/utils/constants.d.ts

@@ -0,0 +1,11 @@
+declare const TestIds: {
+    ACTIVE_IMAGE: string;
+    PREV_SLIDE_BUTTON: string;
+    NEXT_SLIDE_BUTTON: string;
+    CLOSE_BUTTON: string;
+    FULLSCREEN_BUTTON: string;
+    EXIT_FULLSCREEN_BUTTON: string;
+    DOWNLOAD_BUTTON: string;
+    NAVIGATION_BAR: string;
+};
+export { TestIds };

package/moderncssm/utils/constants.js

@@ -0,0 +1,12 @@
+const TestIds = {
+    ACTIVE_IMAGE: 'active-image',
+    PREV_SLIDE_BUTTON: 'prev-slide-button',
+    NEXT_SLIDE_BUTTON: 'next-slide-button',
+    CLOSE_BUTTON: 'close-button',
+    FULLSCREEN_BUTTON: 'fullscreen-button',
+    EXIT_FULLSCREEN_BUTTON: 'exit-fullscreen-button',
+    DOWNLOAD_BUTTON: 'download-button',
+    NAVIGATION_BAR: 'navigation-bar',
+};
+
+export { TestIds };

package/moderncssm/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./split-filename";
+export * from "./utils";
+export * from "./constants";

package/moderncssm/utils/index.js

@@ -0,0 +1,3 @@
+export { splitFilename } from './split-filename.js';
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage } from './utils.js';
+export { TestIds } from './constants.js';

package/moderncssm/utils/split-filename.d.ts

@@ -0,0 +1,2 @@
+declare function splitFilename(filename: string): [string, string];
+export { splitFilename };

package/moderncssm/utils/split-filename.js

@@ -0,0 +1,14 @@
+const SEPARATION_POSITION_SHIFT = 3;
+function splitFilename(filename) {
+    const dotPosition = filename.lastIndexOf('.');
+    let head = filename;
+    let tail = '';
+    const splitPosition = dotPosition - SEPARATION_POSITION_SHIFT;
+    if (splitPosition > 0) {
+        head = filename.slice(0, splitPosition);
+        tail = filename.slice(splitPosition);
+    }
+    return [head, tail];
+}
+
+export { splitFilename };

package/moderncssm/utils/utils.d.ts

@@ -0,0 +1,7 @@
+import { GalleryImage, ImageMeta } from "../types";
+declare const PLACEHOLDER_WIDTH = 400;
+declare const PLACEHOLDER_HEIGHT = 300;
+declare const getImageKey: ({ name, src }: GalleryImage, index: number) => string;
+declare const getImageAlt: ({ alt, name }: GalleryImage, index: number) => string;
+declare const isSmallImage: (meta?: ImageMeta) => boolean;
+export { PLACEHOLDER_WIDTH, PLACEHOLDER_HEIGHT, getImageKey, getImageAlt, isSmallImage };

package/moderncssm/utils/utils.js

@@ -0,0 +1,12 @@
+const PLACEHOLDER_WIDTH = 400;
+const PLACEHOLDER_HEIGHT = 300;
+const getImageKey = ({ name = '', src }, index) => `${name}-${index}-${src}`;
+const getImageAlt = ({ alt, name }, index) => alt || name || `Изображение ${index + 1}`;
+const isSmallImage = (meta) => {
+    if (!meta) {
+        return false;
+    }
+    return meta.width < PLACEHOLDER_WIDTH && meta.height < PLACEHOLDER_HEIGHT;
+};
+
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-gallery",
-    "version": "5.6.7",
+    "version": "5.7.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,10 +14,10 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.7.11",
-        "@alfalab/core-components-icon-button": "^6.7.5",
-        "@alfalab/core-components-tooltip": "^7.3.22",
-        "@alfalab/core-components-typography": "^4.9.0",
+        "@alfalab/core-components-base-modal": "^5.8.0",
+        "@alfalab/core-components-icon-button": "^6.8.0",
+        "@alfalab/core-components-tooltip": "^7.4.0",
+        "@alfalab/core-components-typography": "^4.10.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.139.0",
         "classnames": "^2.3.1",
@@ -25,6 +25,6 @@
         "swiper": "^6.8.2",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.0.2",
-    "varsVersion": "9.11.1"
+    "themesVersion": "13.1.0",
+    "varsVersion": "9.12.0"
 }

package/{slide-c6551b6d.js → slide-9fe3e3d9.js}

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"gallery__component_1rc6z","swiper":"gallery__swiper_1rc6z","singleSlide":"gallery__singleSlide_1rc6z","hidden":"gallery__hidden_1rc6z","slide":"gallery__slide_1rc6z","slideLoading":"gallery__slideLoading_1rc6z","image":"gallery__image_1rc6z","smallImage":"gallery__smallImage_1rc6z","verticalImageFit":"gallery__verticalImageFit_1rc6z","horizontalImageFit":"gallery__horizontalImageFit_1rc6z","arrow":"gallery__arrow_1rc6z","focused":"gallery__focused_1rc6z","placeholder":"gallery__placeholder_1rc6z","brokenImgWrapper":"gallery__brokenImgWrapper_1rc6z","brokenImgIcon":"gallery__brokenImgIcon_1rc6z","fullScreenImage":"gallery__fullScreenImage_1rc6z"};
+var styles = {"component":"gallery__component_s8p2x","swiper":"gallery__swiper_s8p2x","singleSlide":"gallery__singleSlide_s8p2x","hidden":"gallery__hidden_s8p2x","slide":"gallery__slide_s8p2x","slideLoading":"gallery__slideLoading_s8p2x","image":"gallery__image_s8p2x","smallImage":"gallery__smallImage_s8p2x","verticalImageFit":"gallery__verticalImageFit_s8p2x","horizontalImageFit":"gallery__horizontalImageFit_s8p2x","arrow":"gallery__arrow_s8p2x","focused":"gallery__focused_s8p2x","placeholder":"gallery__placeholder_s8p2x","brokenImgWrapper":"gallery__brokenImgWrapper_s8p2x","brokenImgIcon":"gallery__brokenImgIcon_s8p2x","fullScreenImage":"gallery__fullScreenImage_s8p2x"};
 require('./components/image-viewer/index.css')
 
 var SlideInner = function (_a) {

package/src/components/header/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .header {
     display: flex;

package/src/components/header-info-block/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .info {
     height: 100%;

package/src/components/image-preview/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: flex;

package/src/components/image-viewer/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: flex;

package/src/components/navigation-bar/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: flex;

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .container {
     display: flex;