@cloud-ru/uikit-product-site-section 1.7.19-preview-2603648d.0 → 2.0.0
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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 2.0.0 (2026-09-22)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### BREAKING CHANGES
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
* **FF-8693:** adopt workspace and catalog protocols for package deps ([a6ef2f3](https://github.com/cloud-ru-tech/uikit-product/commit/a6ef2f373b946dcb613a477776df9478085a64da))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 1.7.18 (2026-09-18)
|
|
7
18
|
|
|
8
19
|
### Only dependencies have been changed
|
|
@@ -44,6 +44,6 @@ function SectionBasic(_a) {
|
|
|
44
44
|
const showFooter = Boolean(pagination || moreButton);
|
|
45
45
|
return ((0, jsx_runtime_1.jsx)(uikit_product_site_layout_1.Layout.SectionWrapper, Object.assign({ id: id, layoutType: layoutType, className: (0, classnames_1.default)(className, styles_module_scss_1.default.wrapper), "data-section-background": backgroundColor }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.sectionBasic, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(helperComponents_1.SectionTitle, { layoutType: layoutType, title: title, description: description, titleSectionSize: titleSectionSize, titleTag: titleTag, titleAlign: titleAlign, subtitle: subtitle, subtitleTag: subtitleTag, appearance: (0, utils_1.getAppearanceByBackground)(backgroundColor) }), (tabBarItems === null || tabBarItems === void 0 ? void 0 : tabBarItems.length) && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.sectionTabs, children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { value: currentTab, onChange: setCurrentTab, children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs.TabBar, { children: tabBarItems.map((_a) => {
|
|
46
46
|
var { counter } = _a, tabProps = __rest(_a, ["counter"]);
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(tabs_1.Tabs.Tab, Object.assign({}, tabProps, { counter: counter ? { label: counter }
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(tabs_1.Tabs.Tab, Object.assign({}, tabProps, { counter: counter === undefined ? undefined : { label: counter } }), tabProps.value));
|
|
48
48
|
}) }) }) })), (filterItems === null || filterItems === void 0 ? void 0 : filterItems.length) && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.sectionFilters, "data-layout-type": layoutType, children: filterItems.map(filterProps => ((0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldSelect, Object.assign({}, filterProps, { className: (0, classnames_1.default)(filterProps.className, styles_module_scss_1.default.filter), layoutType: layoutType, size: 'l' }), filterProps.id))) })), children, showFooter && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, "data-layout-type": layoutType, children: [pagination && (0, jsx_runtime_1.jsx)(pagination_1.Pagination, Object.assign({}, pagination)), moreButton && ((0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { className: styles_module_scss_1.default.showMoreButton, label: (_b = moreButton.label) !== null && _b !== void 0 ? _b : t('Basic.showMore'), onClick: moreButton.onClick, href: moreButton.href, "data-test-id": (_c = moreButton['data-test-id']) !== null && _c !== void 0 ? _c : 'section__more-btn', appearance: 'neutral', size: 'l', type: 'button', "data-layout-type": layoutType }))] }))] }) })));
|
|
49
49
|
}
|
|
@@ -38,6 +38,6 @@ export function SectionBasic(_a) {
|
|
|
38
38
|
const showFooter = Boolean(pagination || moreButton);
|
|
39
39
|
return (_jsx(Layout.SectionWrapper, Object.assign({ id: id, layoutType: layoutType, className: cn(className, styles.wrapper), "data-section-background": backgroundColor }, extractSupportProps(rest), { children: _jsxs("div", { className: styles.sectionBasic, "data-layout-type": layoutType, children: [_jsx(SectionTitle, { layoutType: layoutType, title: title, description: description, titleSectionSize: titleSectionSize, titleTag: titleTag, titleAlign: titleAlign, subtitle: subtitle, subtitleTag: subtitleTag, appearance: getAppearanceByBackground(backgroundColor) }), (tabBarItems === null || tabBarItems === void 0 ? void 0 : tabBarItems.length) && (_jsx("div", { className: styles.sectionTabs, children: _jsx(Tabs, { value: currentTab, onChange: setCurrentTab, children: _jsx(Tabs.TabBar, { children: tabBarItems.map((_a) => {
|
|
40
40
|
var { counter } = _a, tabProps = __rest(_a, ["counter"]);
|
|
41
|
-
return (_jsx(Tabs.Tab, Object.assign({}, tabProps, { counter: counter ? { label: counter }
|
|
41
|
+
return (_jsx(Tabs.Tab, Object.assign({}, tabProps, { counter: counter === undefined ? undefined : { label: counter } }), tabProps.value));
|
|
42
42
|
}) }) }) })), (filterItems === null || filterItems === void 0 ? void 0 : filterItems.length) && (_jsx("div", { className: styles.sectionFilters, "data-layout-type": layoutType, children: filterItems.map(filterProps => (_jsx(AdaptiveFieldSelect, Object.assign({}, filterProps, { className: cn(filterProps.className, styles.filter), layoutType: layoutType, size: 'l' }), filterProps.id))) })), children, showFooter && (_jsxs("div", { className: styles.footer, "data-layout-type": layoutType, children: [pagination && _jsx(Pagination, Object.assign({}, pagination)), moreButton && (_jsx(ButtonOutline, { className: styles.showMoreButton, label: (_b = moreButton.label) !== null && _b !== void 0 ? _b : t('Basic.showMore'), onClick: moreButton.onClick, href: moreButton.href, "data-test-id": (_c = moreButton['data-test-id']) !== null && _c !== void 0 ? _c : 'section__more-btn', appearance: 'neutral', size: 'l', type: 'button', "data-layout-type": layoutType }))] }))] }) })));
|
|
43
43
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-site-section",
|
|
3
3
|
"title": "Site Section",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
"classnames": "^2.5.1",
|
|
48
48
|
"lodash.debounce": "^4.0.8",
|
|
49
49
|
"uncontrollable": "^8.0.4",
|
|
50
|
-
"@cloud-ru/uikit-product-icons": "
|
|
51
|
-
"@cloud-ru/uikit-product-site-cards": "
|
|
52
|
-
"@cloud-ru/uikit-product-
|
|
53
|
-
"@cloud-ru/uikit-product-site-
|
|
54
|
-
"@cloud-ru/uikit-product-site-grid": "
|
|
55
|
-
"@cloud-ru/uikit-product-site-
|
|
56
|
-
"@cloud-ru/uikit-product-site-
|
|
57
|
-
"@cloud-ru/uikit-product-
|
|
58
|
-
"@cloud-ru/uikit-product-site-
|
|
59
|
-
"@cloud-ru/uikit-product-
|
|
50
|
+
"@cloud-ru/uikit-product-icons": "^19.0.0",
|
|
51
|
+
"@cloud-ru/uikit-product-site-cards": "^2.0.0",
|
|
52
|
+
"@cloud-ru/uikit-product-mobile-fields": "^3.0.0",
|
|
53
|
+
"@cloud-ru/uikit-product-site-case-card": "^2.0.0",
|
|
54
|
+
"@cloud-ru/uikit-product-site-grid": "^2.0.0",
|
|
55
|
+
"@cloud-ru/uikit-product-site-layout": "^2.0.0",
|
|
56
|
+
"@cloud-ru/uikit-product-site-rich-text": "^2.0.0",
|
|
57
|
+
"@cloud-ru/uikit-product-site-table": "^2.0.0",
|
|
58
|
+
"@cloud-ru/uikit-product-site-media": "^2.0.0",
|
|
59
|
+
"@cloud-ru/uikit-product-utils": "^10.0.0"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@types/lodash.debounce": "4.0.9"
|
|
@@ -112,7 +112,11 @@ export function SectionBasic({
|
|
|
112
112
|
<Tabs value={currentTab} onChange={setCurrentTab}>
|
|
113
113
|
<Tabs.TabBar>
|
|
114
114
|
{tabBarItems.map(({ counter, ...tabProps }) => (
|
|
115
|
-
<Tabs.Tab
|
|
115
|
+
<Tabs.Tab
|
|
116
|
+
key={tabProps.value}
|
|
117
|
+
{...tabProps}
|
|
118
|
+
counter={counter === undefined ? undefined : { label: counter }}
|
|
119
|
+
/>
|
|
116
120
|
))}
|
|
117
121
|
</Tabs.TabBar>
|
|
118
122
|
</Tabs>
|