@itcase/ui 1.9.20 → 1.9.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Modal.js +2 -2
- package/dist/cjs/components/Swiper.js +19 -6
- package/dist/components/Modal.js +2 -2
- package/dist/components/Swiper.js +20 -7
- package/dist/css/styles/bundles.css +31 -4
- package/dist/types/components/Pagination/appearance/paginationSize.d.ts +4 -4
- package/dist/types/components/Swiper/Swiper.interface.d.ts +3 -1
- package/package.json +8 -8
|
@@ -100,7 +100,7 @@ const modalAppearanceSurface = {
|
|
|
100
100
|
surfacePrimary: {
|
|
101
101
|
fill: 'surfacePrimary',
|
|
102
102
|
borderColor: 'surfaceBorderPrimary',
|
|
103
|
-
closeIconAppearance: 'surfacePrimary
|
|
103
|
+
closeIconAppearance: 'surfacePrimary ghost circular',
|
|
104
104
|
},
|
|
105
105
|
};
|
|
106
106
|
|
|
@@ -137,7 +137,7 @@ const getOrCreateModalElement = (modalIdQuerySelector, className = '') => {
|
|
|
137
137
|
};
|
|
138
138
|
// Modal component that is an abstraction around the portal API.
|
|
139
139
|
const Modal = React.forwardRef(function Modal(props, ref) {
|
|
140
|
-
const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalIdQuerySelector = 'modal-global', print, scroll = false, stickyHeader = false, closeIcon, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
|
|
140
|
+
const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalIdQuerySelector = 'modal-global', print, scroll = false, stickyHeader = false, closeIcon = true, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
|
|
141
141
|
// Query DOM element
|
|
142
142
|
const [modalElement, setModalElement] = React.useState(null);
|
|
143
143
|
const [isOpen, setIsOpen] = React.useState(initialIsOpen);
|
|
@@ -4,9 +4,12 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var react = require('swiper/react');
|
|
7
|
+
var Group = require('../../Group_cjs_CFzdSMKV.js');
|
|
8
|
+
var Text = require('../../Text_cjs_DG2eMKBi.js');
|
|
7
9
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
10
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
9
11
|
var Icon = require('../../Icon_cjs_BgGtdviU.js');
|
|
12
|
+
require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
10
13
|
require('lodash/camelCase');
|
|
11
14
|
require('lodash/castArray');
|
|
12
15
|
require('lodash/upperFirst');
|
|
@@ -23,13 +26,11 @@ require('lodash/maxBy');
|
|
|
23
26
|
require('react-inlinesvg');
|
|
24
27
|
require('../hoc/urlWithAssetPrefix.js');
|
|
25
28
|
require('../context/UrlAssetPrefix.js');
|
|
26
|
-
require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
27
29
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../Text_cjs_DG2eMKBi.js');
|
|
29
30
|
|
|
30
31
|
function Swiper(props) {
|
|
31
|
-
const { id, className, direction, title, titleAfter, titleSize, titleTextColor, titleWeight,
|
|
32
|
-
freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation,
|
|
32
|
+
const { id, className, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
|
|
33
|
+
freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
|
|
33
34
|
const swiperRef = React.useRef(null);
|
|
34
35
|
const isMountedRef = React.useRef(false);
|
|
35
36
|
const [nextEl, nextRef] = useSwiperRef();
|
|
@@ -56,6 +57,13 @@ function Swiper(props) {
|
|
|
56
57
|
setNextBtnDisabled(swiper.isEnd);
|
|
57
58
|
}
|
|
58
59
|
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
60
|
+
const onClickShowOriginalButton = React.useCallback(() => {
|
|
61
|
+
const swiperInstance = swiperRef.current?.swiper;
|
|
62
|
+
const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
|
|
63
|
+
if (imgElement?.src) {
|
|
64
|
+
window.open(imgElement.src, '_blank');
|
|
65
|
+
}
|
|
66
|
+
}, [swiperRef]);
|
|
59
67
|
// @ts-expect-error
|
|
60
68
|
React.useImperativeHandle(forwardedRef, () => swiperRef.current, []);
|
|
61
69
|
React.useEffect(() => {
|
|
@@ -73,8 +81,13 @@ function Swiper(props) {
|
|
|
73
81
|
const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
|
|
74
82
|
// @ts-expect-error
|
|
75
83
|
const { styles: style } = useStyles.useStyles(props);
|
|
76
|
-
return (jsxRuntime.jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className
|
|
77
|
-
|
|
84
|
+
return (jsxRuntime.jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), style: style, children: [title && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Icon.Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
|
|
85
|
+
minRatio: minZoom,
|
|
86
|
+
maxRatio: maxZoom,
|
|
87
|
+
enabled: isZoomEnabled,
|
|
88
|
+
toggle: true,
|
|
89
|
+
}, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
|
|
90
|
+
items?.map((item, i) => (jsxRuntime.jsx(react.SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (jsxRuntime.jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (jsxRuntime.jsx(Group.Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: jsxRuntime.jsx(Text.Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
|
|
78
91
|
}
|
|
79
92
|
// https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
|
|
80
93
|
const useSwiperRef = () => {
|
package/dist/components/Modal.js
CHANGED
|
@@ -98,7 +98,7 @@ const modalAppearanceSurface = {
|
|
|
98
98
|
surfacePrimary: {
|
|
99
99
|
fill: 'surfacePrimary',
|
|
100
100
|
borderColor: 'surfaceBorderPrimary',
|
|
101
|
-
closeIconAppearance: 'surfacePrimary
|
|
101
|
+
closeIconAppearance: 'surfacePrimary ghost circular',
|
|
102
102
|
},
|
|
103
103
|
};
|
|
104
104
|
|
|
@@ -135,7 +135,7 @@ const getOrCreateModalElement = (modalIdQuerySelector, className = '') => {
|
|
|
135
135
|
};
|
|
136
136
|
// Modal component that is an abstraction around the portal API.
|
|
137
137
|
const Modal = React.forwardRef(function Modal(props, ref) {
|
|
138
|
-
const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalIdQuerySelector = 'modal-global', print, scroll = false, stickyHeader = false, closeIcon, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
|
|
138
|
+
const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalIdQuerySelector = 'modal-global', print, scroll = false, stickyHeader = false, closeIcon = true, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
|
|
139
139
|
// Query DOM element
|
|
140
140
|
const [modalElement, setModalElement] = useState(null);
|
|
141
141
|
const [isOpen, setIsOpen] = useState(initialIsOpen);
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
|
|
2
|
+
import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
|
|
5
|
+
import { G as Group } from '../Group_es_BwTj-yH-.js';
|
|
6
|
+
import { T as Text } from '../Text_es_CU9KR5AE.js';
|
|
5
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
9
|
import { b as Title } from '../Icon_es_CtZHchZc.js';
|
|
10
|
+
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
8
11
|
import 'lodash/camelCase';
|
|
9
12
|
import 'lodash/castArray';
|
|
10
13
|
import 'lodash/upperFirst';
|
|
@@ -21,13 +24,11 @@ import 'lodash/maxBy';
|
|
|
21
24
|
import 'react-inlinesvg';
|
|
22
25
|
import '../hoc/urlWithAssetPrefix.js';
|
|
23
26
|
import '../context/UrlAssetPrefix.js';
|
|
24
|
-
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
25
27
|
import '../Link_es_P2b6ya7P.js';
|
|
26
|
-
import '../Text_es_CU9KR5AE.js';
|
|
27
28
|
|
|
28
29
|
function Swiper(props) {
|
|
29
|
-
const { id, className, direction, title, titleAfter, titleSize, titleTextColor, titleWeight,
|
|
30
|
-
freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation,
|
|
30
|
+
const { id, className, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
|
|
31
|
+
freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
|
|
31
32
|
const swiperRef = useRef(null);
|
|
32
33
|
const isMountedRef = useRef(false);
|
|
33
34
|
const [nextEl, nextRef] = useSwiperRef();
|
|
@@ -54,6 +55,13 @@ function Swiper(props) {
|
|
|
54
55
|
setNextBtnDisabled(swiper.isEnd);
|
|
55
56
|
}
|
|
56
57
|
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
58
|
+
const onClickShowOriginalButton = useCallback(() => {
|
|
59
|
+
const swiperInstance = swiperRef.current?.swiper;
|
|
60
|
+
const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
|
|
61
|
+
if (imgElement?.src) {
|
|
62
|
+
window.open(imgElement.src, '_blank');
|
|
63
|
+
}
|
|
64
|
+
}, [swiperRef]);
|
|
57
65
|
// @ts-expect-error
|
|
58
66
|
useImperativeHandle(forwardedRef, () => swiperRef.current, []);
|
|
59
67
|
useEffect(() => {
|
|
@@ -71,8 +79,13 @@ function Swiper(props) {
|
|
|
71
79
|
const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
|
|
72
80
|
// @ts-expect-error
|
|
73
81
|
const { styles: style } = useStyles(props);
|
|
74
|
-
return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className
|
|
75
|
-
|
|
82
|
+
return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), style: style, children: [title && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (jsxs(React.Fragment, { children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
|
|
83
|
+
minRatio: minZoom,
|
|
84
|
+
maxRatio: maxZoom,
|
|
85
|
+
enabled: isZoomEnabled,
|
|
86
|
+
toggle: true,
|
|
87
|
+
}, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
|
|
88
|
+
items?.map((item, i) => (jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: jsx(Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
|
|
76
89
|
}
|
|
77
90
|
// https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
|
|
78
91
|
const useSwiperRef = () => {
|
|
@@ -61875,9 +61875,9 @@ h2.react-datepicker__current-month {
|
|
|
61875
61875
|
--dropdown-item-size-l-padding: 8px 12px;
|
|
61876
61876
|
--dropdown-item-size-l-gap: 12px;
|
|
61877
61877
|
|
|
61878
|
-
/* Size
|
|
61878
|
+
/* Size S */
|
|
61879
61879
|
--dropdown-item-size-s-padding: 6px 8px;
|
|
61880
|
-
--dropdown-item-size-s-gap:
|
|
61880
|
+
--dropdown-item-size-s-gap: 8px;
|
|
61881
61881
|
|
|
61882
61882
|
/* Size XS */
|
|
61883
61883
|
--dropdown-item-size-xs-padding: 4px 8px;
|
|
@@ -79816,7 +79816,7 @@ div.label {
|
|
|
79816
79816
|
}
|
|
79817
79817
|
}
|
|
79818
79818
|
:root {
|
|
79819
|
-
--modal-max-width:
|
|
79819
|
+
--modal-max-width: 800px;
|
|
79820
79820
|
|
|
79821
79821
|
--modal-xl-gap: 24px;
|
|
79822
79822
|
--modal-xl-header-padding: 24px 24px 0 24px;
|
|
@@ -98906,6 +98906,12 @@ div.swiper-block__item {
|
|
|
98906
98906
|
&_type_center {
|
|
98907
98907
|
height: auto !important;
|
|
98908
98908
|
}
|
|
98909
|
+
&_zooming {
|
|
98910
|
+
cursor: zoom-in;
|
|
98911
|
+
&.swiper-slide-zoomed {
|
|
98912
|
+
cursor: grab;
|
|
98913
|
+
}
|
|
98914
|
+
}
|
|
98909
98915
|
}
|
|
98910
98916
|
.swiper-block {
|
|
98911
98917
|
&&_type_auto {
|
|
@@ -98953,6 +98959,27 @@ div.swiper-block {
|
|
|
98953
98959
|
justify-content: space-between;
|
|
98954
98960
|
}
|
|
98955
98961
|
}
|
|
98962
|
+
&__prev {
|
|
98963
|
+
position: absolute;
|
|
98964
|
+
left: 0;
|
|
98965
|
+
top: 50%;
|
|
98966
|
+
cursor: pointer;
|
|
98967
|
+
transform: translateY(-50%);
|
|
98968
|
+
z-index: 100;
|
|
98969
|
+
}
|
|
98970
|
+
&__next {
|
|
98971
|
+
position: absolute;
|
|
98972
|
+
right: 0;
|
|
98973
|
+
cursor: pointer;
|
|
98974
|
+
top: 50%;
|
|
98975
|
+
z-index: 100;
|
|
98976
|
+
transform: translateY(-50%);
|
|
98977
|
+
}
|
|
98978
|
+
}
|
|
98979
|
+
.swiper-zoom-container {
|
|
98980
|
+
display: flex;
|
|
98981
|
+
justify-content: center;
|
|
98982
|
+
align-items: center;
|
|
98956
98983
|
}
|
|
98957
98984
|
div.swiper-pagination {
|
|
98958
98985
|
display: flex;
|
|
@@ -98986,7 +99013,7 @@ div.swiper-pagination {
|
|
|
98986
99013
|
&::after {
|
|
98987
99014
|
width: 10px;
|
|
98988
99015
|
height: 10px;
|
|
98989
|
-
background: #
|
|
99016
|
+
background: #000;
|
|
98990
99017
|
}
|
|
98991
99018
|
}
|
|
98992
99019
|
}
|
|
@@ -3,7 +3,7 @@ declare const paginationAppearanceSize: {
|
|
|
3
3
|
size: string;
|
|
4
4
|
labelTextSize: string;
|
|
5
5
|
textSize: string;
|
|
6
|
-
builderIcon:
|
|
6
|
+
builderIcon: any;
|
|
7
7
|
iconAfterFillSize: string;
|
|
8
8
|
iconAfterSize: string;
|
|
9
9
|
iconBeforeFillSize: string;
|
|
@@ -23,7 +23,7 @@ declare const paginationAppearanceSize: {
|
|
|
23
23
|
size: string;
|
|
24
24
|
labelTextSize: string;
|
|
25
25
|
textSize: string;
|
|
26
|
-
builderIcon:
|
|
26
|
+
builderIcon: any;
|
|
27
27
|
iconAfterFillSize: string;
|
|
28
28
|
iconAfterSize: string;
|
|
29
29
|
iconBeforeFillSize: string;
|
|
@@ -42,7 +42,7 @@ declare const paginationAppearanceSize: {
|
|
|
42
42
|
size: string;
|
|
43
43
|
labelTextSize: string;
|
|
44
44
|
textSize: string;
|
|
45
|
-
builderIcon:
|
|
45
|
+
builderIcon: any;
|
|
46
46
|
iconAfterFillSize: string;
|
|
47
47
|
iconAfterSize: string;
|
|
48
48
|
iconBeforeFillSize: string;
|
|
@@ -61,7 +61,7 @@ declare const paginationAppearanceSize: {
|
|
|
61
61
|
labelTextSize: string;
|
|
62
62
|
textSize: string;
|
|
63
63
|
beforeSize: string;
|
|
64
|
-
builderIcon:
|
|
64
|
+
builderIcon: any;
|
|
65
65
|
iconAfterFillSize: string;
|
|
66
66
|
nextIcon: string;
|
|
67
67
|
pageCountDescTextSize: string;
|
|
@@ -24,6 +24,8 @@ export interface SwiperProps extends StyleAttributes {
|
|
|
24
24
|
items?: ReactNode[];
|
|
25
25
|
keyboard?: boolean;
|
|
26
26
|
loop?: boolean;
|
|
27
|
+
maxZoom?: number;
|
|
28
|
+
minZoom?: number;
|
|
27
29
|
modules?: SwiperModule[];
|
|
28
30
|
mousewheel?: boolean;
|
|
29
31
|
nextButton?: ReactNode;
|
|
@@ -49,11 +51,11 @@ export interface SwiperProps extends StyleAttributes {
|
|
|
49
51
|
isInit?: boolean;
|
|
50
52
|
isNavigation?: boolean;
|
|
51
53
|
isScrollbar?: boolean;
|
|
54
|
+
isZoomEnabled?: boolean;
|
|
52
55
|
onSlideNextTransitionEnd?: (swiper: SwiperClass) => void;
|
|
53
56
|
onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void;
|
|
54
57
|
onSwiper?: (swiper: SwiperClass) => void;
|
|
55
58
|
onUpdate?: (swiper: SwiperClass) => void;
|
|
56
|
-
set?: string;
|
|
57
59
|
setNextBtnDisabled?: (isDisabled: boolean) => void;
|
|
58
60
|
setPrevBtnDisabled?: (isDisabled: boolean) => void;
|
|
59
61
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.22",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
"dependencies": {
|
|
103
103
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
104
104
|
"@itcase/common": "^1.2.34",
|
|
105
|
-
"@itcase/icons": "^1.2.
|
|
106
|
-
"@itcase/storybook-config": "^1.2.
|
|
105
|
+
"@itcase/icons": "^1.2.27",
|
|
106
|
+
"@itcase/storybook-config": "^1.2.29",
|
|
107
107
|
"@itcase/tokens-am": "^1.1.37",
|
|
108
108
|
"@itcase/tokens-baikal": "^1.1.37",
|
|
109
109
|
"@itcase/tokens-palette": "^1.1.37",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"rc-slider": "^11.1.9",
|
|
118
118
|
"react": "^18.3.1",
|
|
119
119
|
"react-dadata": "^2.27.4",
|
|
120
|
-
"react-datepicker": "^8.
|
|
120
|
+
"react-datepicker": "^8.10.0",
|
|
121
121
|
"react-dom": "^18.3.1",
|
|
122
122
|
"react-indiana-drag-scroll": "^3.0.3-alpha",
|
|
123
123
|
"react-inlinesvg": "^4.2.0",
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
"@babel/preset-react": "^7.28.5",
|
|
140
140
|
"@commitlint/cli": "^20.1.0",
|
|
141
141
|
"@commitlint/config-conventional": "^20.0.0",
|
|
142
|
-
"@itcase/config": "^1.0.
|
|
142
|
+
"@itcase/config": "^1.0.70",
|
|
143
143
|
"@itcase/lint": "^1.1.69",
|
|
144
144
|
"@itcase/types": "^1.1.0",
|
|
145
145
|
"@rollup/plugin-alias": "^6.0.0",
|
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
"@rollup/plugin-terser": "^0.4.4",
|
|
152
152
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
153
153
|
"@semantic-release/changelog": "^6.0.3",
|
|
154
|
-
"@semantic-release/release-notes-generator": "14.1.0",
|
|
155
154
|
"@semantic-release/git": "^10.0.1",
|
|
155
|
+
"@semantic-release/release-notes-generator": "14.1.0",
|
|
156
156
|
"@types/js-cookie": "^3.0.6",
|
|
157
157
|
"@types/lodash": "^4.17.21",
|
|
158
158
|
"@types/luxon": "^3.7.1",
|
|
@@ -170,11 +170,11 @@
|
|
|
170
170
|
"prettier": "^3.6.2",
|
|
171
171
|
"rollup": "^4.53.3",
|
|
172
172
|
"rollup-plugin-copy": "^3.5.0",
|
|
173
|
-
"rollup-plugin-dts": "^6.
|
|
173
|
+
"rollup-plugin-dts": "^6.3.0",
|
|
174
174
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
175
175
|
"rollup-preserve-directives": "^1.1.3",
|
|
176
176
|
"semantic-release": "^24.2.9",
|
|
177
|
-
"storybook": "^10.0
|
|
177
|
+
"storybook": "^10.1.0",
|
|
178
178
|
"stylelint": "^16.26.0",
|
|
179
179
|
"typescript": "^5.9.3"
|
|
180
180
|
}
|