@redneckz/wildless-cms-uni-blocks 0.14.335 → 0.14.337
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/bin/migration-scripts/0.14.213.js +1 -1
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +57 -42
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/bundle/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/bundle/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/bundle/utils/getVersion.d.ts +1 -0
- package/dist/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/dist/components/OfficesAtmsMap/OfficesAtmsMapLayout.js +3 -2
- package/dist/components/OfficesAtmsMap/OfficesAtmsMapLayout.js.map +1 -1
- package/dist/components/TabsLayout/TabsLayout.js +16 -10
- package/dist/components/TabsLayout/TabsLayout.js.map +1 -1
- package/dist/components/TabsLayout/renderTabsLayout.js +14 -12
- package/dist/components/TabsLayout/renderTabsLayout.js.map +1 -1
- package/dist/ui-kit/Badge/Badge.js +1 -3
- package/dist/ui-kit/Badge/Badge.js.map +1 -1
- package/dist/ui-kit/BaseFiltration/useHotFilters.js +3 -3
- package/dist/ui-kit/BaseFiltration/useHotFilters.js.map +1 -1
- package/dist/ui-kit/TabsControl/ScrollableTabsControl.js +9 -4
- package/dist/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/dist/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/dist/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/dist/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/dist/ui-kit/TabsControl/TabItemInner.js +4 -2
- package/dist/ui-kit/TabsControl/TabItemInner.js.map +1 -1
- package/dist/utils/getVersion.d.ts +1 -0
- package/dist/utils/getVersion.js +5 -0
- package/dist/utils/getVersion.js.map +1 -0
- package/lib/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/lib/components/OfficesAtmsMap/OfficesAtmsMapLayout.js +3 -2
- package/lib/components/OfficesAtmsMap/OfficesAtmsMapLayout.js.map +1 -1
- package/lib/components/TabsLayout/TabsLayout.fixture.d.ts +4 -3
- package/lib/components/TabsLayout/TabsLayout.fixture.mobile.d.ts +4 -2
- package/lib/components/TabsLayout/TabsLayout.js +16 -10
- package/lib/components/TabsLayout/TabsLayout.js.map +1 -1
- package/lib/components/TabsLayout/renderTabsLayout.js +14 -12
- package/lib/components/TabsLayout/renderTabsLayout.js.map +1 -1
- package/lib/ui-kit/Badge/Badge.js +1 -3
- package/lib/ui-kit/Badge/Badge.js.map +1 -1
- package/lib/ui-kit/BaseFiltration/useHotFilters.js +3 -3
- package/lib/ui-kit/BaseFiltration/useHotFilters.js.map +1 -1
- package/lib/ui-kit/TabsControl/ScrollableTabsControl.js +9 -4
- package/lib/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/lib/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/lib/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/lib/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/lib/ui-kit/TabsControl/TabItemInner.js +4 -2
- package/lib/ui-kit/TabsControl/TabItemInner.js.map +1 -1
- package/lib/utils/getVersion.d.ts +1 -0
- package/lib/utils/getVersion.js +2 -0
- package/lib/utils/getVersion.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +57 -42
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/mobile/bundle/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/mobile/bundle/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/mobile/bundle/utils/getVersion.d.ts +1 -0
- package/mobile/dist/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/mobile/dist/components/OfficesAtmsMap/OfficesAtmsMapLayout.js +3 -2
- package/mobile/dist/components/OfficesAtmsMap/OfficesAtmsMapLayout.js.map +1 -1
- package/mobile/dist/components/TabsLayout/TabsLayout.js +16 -10
- package/mobile/dist/components/TabsLayout/TabsLayout.js.map +1 -1
- package/mobile/dist/components/TabsLayout/renderTabsLayout.js +14 -12
- package/mobile/dist/components/TabsLayout/renderTabsLayout.js.map +1 -1
- package/mobile/dist/ui-kit/Badge/Badge.js +1 -3
- package/mobile/dist/ui-kit/Badge/Badge.js.map +1 -1
- package/mobile/dist/ui-kit/BaseFiltration/useHotFilters.js +3 -3
- package/mobile/dist/ui-kit/BaseFiltration/useHotFilters.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/ScrollableTabsControl.js +9 -4
- package/mobile/dist/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/mobile/dist/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.js +4 -2
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.js.map +1 -1
- package/mobile/dist/utils/getVersion.d.ts +1 -0
- package/mobile/dist/utils/getVersion.js +5 -0
- package/mobile/dist/utils/getVersion.js.map +1 -0
- package/mobile/lib/components/ApplicationForm/ApplicationFormContent.d.ts +4 -1
- package/mobile/lib/components/OfficesAtmsMap/OfficesAtmsMapLayout.js +3 -2
- package/mobile/lib/components/OfficesAtmsMap/OfficesAtmsMapLayout.js.map +1 -1
- package/mobile/lib/components/TabsLayout/TabsLayout.js +16 -10
- package/mobile/lib/components/TabsLayout/TabsLayout.js.map +1 -1
- package/mobile/lib/components/TabsLayout/renderTabsLayout.js +14 -12
- package/mobile/lib/components/TabsLayout/renderTabsLayout.js.map +1 -1
- package/mobile/lib/ui-kit/Badge/Badge.js +1 -3
- package/mobile/lib/ui-kit/Badge/Badge.js.map +1 -1
- package/mobile/lib/ui-kit/BaseFiltration/useHotFilters.js +3 -3
- package/mobile/lib/ui-kit/BaseFiltration/useHotFilters.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/ScrollableTabsControl.js +9 -4
- package/mobile/lib/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/TabItem.d.ts +1 -2
- package/mobile/lib/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.d.ts +1 -0
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.js +4 -2
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.js.map +1 -1
- package/mobile/lib/utils/getVersion.d.ts +1 -0
- package/mobile/lib/utils/getVersion.js +2 -0
- package/mobile/lib/utils/getVersion.js.map +1 -0
- package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts +4 -1
- package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx +3 -2
- package/mobile/src/components/TabsLayout/TabsLayout.tsx +20 -10
- package/mobile/src/components/TabsLayout/renderTabsLayout.tsx +24 -20
- package/mobile/src/ui-kit/Badge/Badge.tsx +13 -15
- package/mobile/src/ui-kit/BaseFiltration/useHotFilters.tsx +3 -7
- package/mobile/src/ui-kit/TabsControl/ScrollableTabsControl.tsx +13 -16
- package/mobile/src/ui-kit/TabsControl/TabItem.tsx +1 -2
- package/mobile/src/ui-kit/TabsControl/TabItemInner.tsx +9 -2
- package/mobile/src/utils/getVersion.ts +1 -0
- package/package.json +1 -1
- package/src/components/ApplicationForm/ApplicationFormContent.ts +4 -1
- package/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx +3 -2
- package/src/components/TabsLayout/TabsLayout.fixture.mobile.tsx +70 -24
- package/src/components/TabsLayout/TabsLayout.fixture.tsx +33 -29
- package/src/components/TabsLayout/TabsLayout.tsx +20 -10
- package/src/components/TabsLayout/renderTabsLayout.tsx +24 -20
- package/src/ui-kit/Badge/Badge.tsx +13 -15
- package/src/ui-kit/BaseFiltration/useHotFilters.tsx +3 -7
- package/src/ui-kit/TabsControl/ScrollableTabsControl.tsx +13 -16
- package/src/ui-kit/TabsControl/TabItem.tsx +1 -2
- package/src/ui-kit/TabsControl/TabItemInner.tsx +9 -2
- package/src/utils/getVersion.ts +1 -0
|
@@ -35,6 +35,10 @@ export declare type FieldCommonDef = FieldDefaultDef & {
|
|
|
35
35
|
/** @default "common" */
|
|
36
36
|
fieldType: 'common';
|
|
37
37
|
};
|
|
38
|
+
/**
|
|
39
|
+
* @title Значение по умолчанию
|
|
40
|
+
* @enumNames ["Валютный контроль","Документарные операции","Конверсионные операции","Иные вопросы ВЭД"]
|
|
41
|
+
*/
|
|
38
42
|
declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
|
|
39
43
|
/**
|
|
40
44
|
* @title Поле ввода ВЭД
|
|
@@ -43,7 +47,6 @@ declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTr
|
|
|
43
47
|
export declare type FieldVedDef = FieldDefaultDef & {
|
|
44
48
|
/** @default "ved" */
|
|
45
49
|
fieldType: 'ved';
|
|
46
|
-
/** @title Значение по умолчанию */
|
|
47
50
|
defaultValue?: VedTypes;
|
|
48
51
|
};
|
|
49
52
|
/**
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type LinkProps } from '../../model/LinkProps';
|
|
3
3
|
import { type IconProps } from '../../model/Picture';
|
|
4
|
-
import { type VNode } from '../../model/VNode';
|
|
5
4
|
import { type TabsControlProps, type TabsType } from './TabsControlProps';
|
|
6
5
|
export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
|
|
7
6
|
name?: string;
|
|
8
|
-
|
|
7
|
+
count?: number;
|
|
9
8
|
}
|
|
10
9
|
export interface TabItemProps {
|
|
11
10
|
item?: TabItemBase;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getVersion: (isPrimary: boolean) => "primary" | "secondary";
|
|
@@ -35,6 +35,10 @@ export declare type FieldCommonDef = FieldDefaultDef & {
|
|
|
35
35
|
/** @default "common" */
|
|
36
36
|
fieldType: 'common';
|
|
37
37
|
};
|
|
38
|
+
/**
|
|
39
|
+
* @title Значение по умолчанию
|
|
40
|
+
* @enumNames ["Валютный контроль","Документарные операции","Конверсионные операции","Иные вопросы ВЭД"]
|
|
41
|
+
*/
|
|
38
42
|
declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
|
|
39
43
|
/**
|
|
40
44
|
* @title Поле ввода ВЭД
|
|
@@ -43,7 +47,6 @@ declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTr
|
|
|
43
47
|
export declare type FieldVedDef = FieldDefaultDef & {
|
|
44
48
|
/** @default "ved" */
|
|
45
49
|
fieldType: 'ved';
|
|
46
|
-
/** @title Значение по умолчанию */
|
|
47
50
|
defaultValue?: VedTypes;
|
|
48
51
|
};
|
|
49
52
|
/**
|
|
@@ -9,6 +9,7 @@ const ClientOnly_1 = require("../../ui-kit/ClientOnly");
|
|
|
9
9
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
10
10
|
const Text_1 = require("../../ui-kit/Text/Text");
|
|
11
11
|
const YandexMap_1 = require("../../ui-kit/YandexMap/YandexMap");
|
|
12
|
+
const getVersion_1 = require("../../utils/getVersion");
|
|
12
13
|
const style_1 = require("../../utils/style");
|
|
13
14
|
const renderDescriptionBlock_1 = require("./renderDescriptionBlock");
|
|
14
15
|
const renderFiltrationForm_1 = require("./renderFiltrationForm");
|
|
@@ -43,8 +44,8 @@ exports.OfficesAtmsMapLayout = (0, uni_jsx_1.JSX)(({ className, data = [], remot
|
|
|
43
44
|
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('space-y-1', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-white", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-6xl pb-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: (0, jsx_runtime_1.jsxs)(Heading_1.Heading, { headingType: "h2", children: [title, lengthItems ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h2", color: "text-secondary-text", children: ` (${lengthItems})` })) : null] }) }), descriptionData ? (0, renderDescriptionBlock_1.renderDescriptionBlock)(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('pb-2xl', filtersVisibleStyles(activeButton)), children: (0, renderFiltrationForm_1.renderFiltrationForm)(Object.keys(initFilterState), { field, reset }, onlyOffice) })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-[600px]", children: (0, jsx_runtime_1.jsx)(ClientOnly_1.ClientOnly, { children: (0, jsx_runtime_1.jsx)(YandexMap_1.YandexMap, { points: points, className: "h-full" }) }) })] }), filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] }));
|
|
44
45
|
});
|
|
45
46
|
const renderButtonsGroup = (data, activeButton, onButtonClick) => {
|
|
46
|
-
const allButtonVersion = activeButton === 'all'
|
|
47
|
-
const businessButtonVersion = activeButton === 'business'
|
|
47
|
+
const allButtonVersion = (0, getVersion_1.getVersion)(activeButton === 'all');
|
|
48
|
+
const businessButtonVersion = (0, getVersion_1.getVersion)(activeButton === 'business');
|
|
48
49
|
const handleClick = (e, key, branches) => {
|
|
49
50
|
if (e.currentTarget === e.target && key === 'business') {
|
|
50
51
|
branches.filter((branch) => branch.workSchedule &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfficesAtmsMapLayout.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OfficesAtmsMapLayout.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,18 +9,24 @@ const UniBlock_1 = require("../../UniBlock/UniBlock");
|
|
|
9
9
|
const style_1 = require("../../utils/style");
|
|
10
10
|
const renderTabsLayout_1 = require("./renderTabsLayout");
|
|
11
11
|
const TAB_QUERY_PARAM_KEY = 'tab';
|
|
12
|
-
exports.TabsLayout = (0, UniBlock_1.UniBlock)(({ className = '', tabs = [], block, tabsType, ...rest }) => {
|
|
12
|
+
exports.TabsLayout = (0, UniBlock_1.UniBlock)(({ className = '', tabs = [], block, tabsType, showCounter = false, ...rest }) => {
|
|
13
13
|
const router = (0, useRouter_1.useRouter)();
|
|
14
|
+
const tabsCounted = showCounter
|
|
15
|
+
? tabs.map((_) => ({
|
|
16
|
+
..._,
|
|
17
|
+
count: block?.slots?.[_?.text ?? '']?.length ?? 0,
|
|
18
|
+
}))
|
|
19
|
+
: tabs;
|
|
14
20
|
const { isReady } = router;
|
|
15
|
-
const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(getInitSelectedIndex(
|
|
16
|
-
const defaultSelectedTab =
|
|
21
|
+
const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(getInitSelectedIndex(tabsCounted));
|
|
22
|
+
const defaultSelectedTab = tabsCounted.findIndex((_) => Boolean(_.selected));
|
|
17
23
|
(0, hooks_1.useEffect)(() => {
|
|
18
24
|
const defaultTabIndex = router.query[TAB_QUERY_PARAM_KEY]
|
|
19
|
-
?
|
|
25
|
+
? tabsCounted.findIndex((_, index) => _.type === 'group' && String(index) === router.query[TAB_QUERY_PARAM_KEY])
|
|
20
26
|
: defaultSelectedTab;
|
|
21
27
|
setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
|
|
22
28
|
}, [isReady, defaultSelectedTab]);
|
|
23
|
-
const slotName = getSlotName(
|
|
29
|
+
const slotName = getSlotName(tabsCounted[activeTabIndex], activeTabIndex);
|
|
24
30
|
const updateUrlSearchTabParam = (_, index) => {
|
|
25
31
|
const searchParams = new URLSearchParams(router.query);
|
|
26
32
|
if (_.text) {
|
|
@@ -32,16 +38,16 @@ exports.TabsLayout = (0, UniBlock_1.UniBlock)(({ className = '', tabs = [], bloc
|
|
|
32
38
|
router.replace(`${router.pathname}?${searchParams}`, '', { scroll: false });
|
|
33
39
|
};
|
|
34
40
|
const handleChange = (0, hooks_1.useCallback)((_) => {
|
|
35
|
-
const index =
|
|
36
|
-
const tab =
|
|
41
|
+
const index = tabsCounted.indexOf(_);
|
|
42
|
+
const tab = tabsCounted[index];
|
|
37
43
|
setActiveTabIndex(index);
|
|
38
44
|
if (tab.type === 'group') {
|
|
39
45
|
updateUrlSearchTabParam(_, index);
|
|
40
46
|
}
|
|
41
|
-
}, [
|
|
47
|
+
}, [tabsCounted]);
|
|
42
48
|
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, renderTabsLayout_1.renderTabsLayout)({
|
|
43
|
-
items:
|
|
44
|
-
value:
|
|
49
|
+
items: tabsCounted,
|
|
50
|
+
value: tabsCounted[activeTabIndex],
|
|
45
51
|
tabsType,
|
|
46
52
|
onChange: handleChange,
|
|
47
53
|
}), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: (0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":";;;AAAA,uDAA+E;AAC/E,yEAAuE;AACvE,qDAAkD;AAClD,4DAAyD;AAEzD,sDAAmD;AAEnD,6CAA0C;AAC1C,yDAAsD;AAGtD,MAAM,mBAAmB,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,18 +2,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.renderTabsLayout = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const ScrollableTabsControl_1 = require("../../ui-kit/TabsControl/ScrollableTabsControl");
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
const tabsStyle = {
|
|
6
|
+
default: {
|
|
7
|
+
wrapper: '',
|
|
8
|
+
component: '',
|
|
9
|
+
},
|
|
10
|
+
animated: {
|
|
11
|
+
wrapper: 'border-b-8 border-primary-main bg-white',
|
|
12
|
+
component: 'm-auto',
|
|
13
|
+
},
|
|
14
|
+
underlined: {
|
|
15
|
+
wrapper: 'flex',
|
|
16
|
+
component: 'm-auto',
|
|
17
|
+
},
|
|
17
18
|
};
|
|
19
|
+
const renderTabsLayout = ({ tabsType = 'animated', ...props }) => tabsType ? ((0, jsx_runtime_1.jsx)("div", { className: tabsStyle[tabsType].wrapper, children: (0, jsx_runtime_1.jsx)(ScrollableTabsControl_1.ScrollableTabsControl, { className: tabsStyle[tabsType].component, tabsType: tabsType, ...props }) })) : null;
|
|
18
20
|
exports.renderTabsLayout = renderTabsLayout;
|
|
19
21
|
//# sourceMappingURL=renderTabsLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";;;AAAA,0FAAuF;
|
|
1
|
+
{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";;;AAAA,0FAAuF;AAWvF,MAAM,SAAS,GAA6D;IAC1E,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,yCAAyC;QAClD,SAAS,EAAE,QAAQ;KACpB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE,CACvF,QAAQ,CAAC,CAAC,CAAC,CACT,gCAAK,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,YACzC,uBAAC,6CAAqB,IACpB,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AATE,QAAA,gBAAgB,oBASlB"}
|
|
@@ -12,7 +12,5 @@ const badgeTextColorStyleMap = {
|
|
|
12
12
|
primary: 'text-white',
|
|
13
13
|
secondary: 'text-secondary-text',
|
|
14
14
|
};
|
|
15
|
-
exports.Badge = (0, uni_jsx_1.JSX)(({ count, version = 'secondary' }) => {
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), role: "status", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) }));
|
|
17
|
-
});
|
|
15
|
+
exports.Badge = (0, uni_jsx_1.JSX)(({ count, version = 'secondary' }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), role: "status", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) })));
|
|
18
16
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/ui-kit/Badge/Badge.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AAQpC,MAAM,eAAe,GAA2B;IAC9C,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,sBAAsB,GAA8B;IACxD,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,aAAG,EAAa,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/ui-kit/Badge/Badge.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AAQpC,MAAM,eAAe,GAA2B;IAC9C,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,sBAAsB,GAA8B;IACxD,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,aAAG,EAAa,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CACzE,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,uDAAuD,EACvD,eAAe,CAAC,OAAO,CAAC,CACzB,EACD,IAAI,EAAC,QAAQ,YAEb,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,YACxD,KAAK,GACD,GACH,CACP,CAAC,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.useHotFilters = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
3
|
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
5
|
-
const
|
|
4
|
+
const getVersion_1 = require("../../utils/getVersion");
|
|
6
5
|
const getBadgeCount_1 = require("./getBadgeCount");
|
|
7
6
|
const hotFilterRecordCmp_1 = require("./hotFilterRecordCmp");
|
|
8
7
|
const EMPTY_ARR = [];
|
|
@@ -11,7 +10,8 @@ const useHotFilters = ({ hotFilters = EMPTY_ARR, filtrationState = EMPTY_OBJ, bl
|
|
|
11
10
|
const activeItemIndex = (0, hooks_1.useMemo)(() => Math.max(0, hotFilters.findIndex((_) => (0, hotFilterRecordCmp_1.hotFilterRecordCmp)(_.filter, filtrationState))), [hotFilters, filtrationState]);
|
|
12
11
|
const items = (0, hooks_1.useMemo)(() => hotFilters.map((_) => ({
|
|
13
12
|
text: _.text,
|
|
14
|
-
|
|
13
|
+
count: (0, getBadgeCount_1.getBadgeCount)(blocks, _.filter),
|
|
14
|
+
version: (0, getVersion_1.getVersion)(_ === hotFilters[activeItemIndex]),
|
|
15
15
|
})), [hotFilters, blocks, activeItemIndex]);
|
|
16
16
|
const handleChange = (0, hooks_1.useCallback)((_) => {
|
|
17
17
|
onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHotFilters.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/useHotFilters.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useHotFilters.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/useHotFilters.tsx"],"names":[],"mappings":";;AAAA,uDAAmE;AAEnE,uDAAoD;AAGpD,mDAAgD;AAEhD,6DAA0D;AAE1D,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,SAAS,GAAG,EAAE,CAAC;AAad,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,GAAG,SAAS,EACtB,eAAe,GAAG,SAAS,EAC3B,MAAM,GAAG,SAAS,EAClB,uBAAuB,GACH,EAAoB,EAAE;IAC1C,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CACN,CAAC,EACD,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,uCAAkB,EAAC,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAC3E,EACH,CAAC,UAAU,EAAE,eAAe,CAAC,CAC9B,CAAC;IAEF,MAAM,KAAK,GAAkB,IAAA,eAAO,EAClC,GAAG,EAAE,CACH,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACrB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,KAAK,EAAE,IAAA,6BAAa,EAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACtC,OAAO,EAAE,IAAA,uBAAU,EAAC,CAAC,KAAK,UAAU,CAAC,eAAe,CAAC,CAAC;KACvD,CAAC,CAAC,EACL,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,CAAC,CACtC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAc,EAAE,EAAE;QACjB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC;QAC7B,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,YAAY;KACvB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,aAAa,iBAqCxB"}
|
|
@@ -8,14 +8,19 @@ const SwipeListContainer_1 = require("../SwipeListControl/SwipeListContainer");
|
|
|
8
8
|
const useSwipeListScroll_1 = require("../SwipeListControl/useSwipeListScroll");
|
|
9
9
|
const renderTab_1 = require("./renderTab");
|
|
10
10
|
const scrollButtonStyle = 'hidden sm:flex absolute z-40';
|
|
11
|
-
const
|
|
11
|
+
const scrollStyle = {
|
|
12
|
+
default: {
|
|
13
|
+
item: 'flex-1',
|
|
14
|
+
gap: 0,
|
|
15
|
+
buttonTop: 'top-0',
|
|
16
|
+
},
|
|
12
17
|
animated: {
|
|
13
|
-
|
|
18
|
+
item: 'flex',
|
|
14
19
|
gap: 8,
|
|
15
20
|
buttonTop: 'top-5',
|
|
16
21
|
},
|
|
17
22
|
underlined: {
|
|
18
|
-
|
|
23
|
+
item: '',
|
|
19
24
|
gap: 0,
|
|
20
25
|
buttonTop: 'top-0',
|
|
21
26
|
},
|
|
@@ -24,6 +29,6 @@ exports.ScrollableTabsControl = (0, uni_jsx_1.JSX)(({ className, items = [], val
|
|
|
24
29
|
const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({
|
|
25
30
|
itemCount: items?.length || 0,
|
|
26
31
|
});
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative overflow-x-auto no-scrollbar', className), children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName:
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative overflow-x-auto no-scrollbar', className), children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: scrollStyle[tabsType].item, gap: scrollStyle[tabsType].gap, children: items.map((0, renderTab_1.renderTab)(value, onChange, tabsType)) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: (0, style_1.style)('left-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: (0, style_1.style)('right-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollRight })) : null] }));
|
|
28
33
|
});
|
|
29
34
|
//# sourceMappingURL=ScrollableTabsControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAAgF;AAChF,+EAA4E;AAC5E,+EAA4E;AAC5E,2CAAwC;AAGxC,MAAM,iBAAiB,GAAG,8BAA8B,CAAC;AAEzD,MAAM,
|
|
1
|
+
{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAAgF;AAChF,+EAA4E;AAC5E,+EAA4E;AAC5E,2CAAwC;AAGxC,MAAM,iBAAiB,GAAG,8BAA8B,CAAC;AAEzD,MAAM,WAAW,GAAuE;IACtF,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,OAAO;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,OAAO;KACnB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,OAAO;KACnB;CACF,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,aAAG,EACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,EAAE,EAAE;IACnE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,SAAS,CAAC,aACvE,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,aAAa,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,EACzC,GAAG,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,YAE7B,KAAK,CAAC,GAAG,CAAC,IAAA,qBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IACf,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,iBAAiB,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAC9E,OAAO,EAAE,MAAM,CAAC,UAAU,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,IAAA,aAAK,EAAC,SAAS,EAAE,iBAAiB,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAC/E,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type LinkProps } from '../../model/LinkProps';
|
|
3
3
|
import { type IconProps } from '../../model/Picture';
|
|
4
|
-
import { type VNode } from '../../model/VNode';
|
|
5
4
|
import { type TabsControlProps, type TabsType } from './TabsControlProps';
|
|
6
5
|
export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
|
|
7
6
|
name?: string;
|
|
8
|
-
|
|
7
|
+
count?: number;
|
|
9
8
|
}
|
|
10
9
|
export interface TabItemProps {
|
|
11
10
|
item?: TabItemBase;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAI9C,iDAA8C;AAcjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,uBAAC,2BAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
|
|
@@ -2,7 +2,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TabItemInner = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const getVersion_1 = require("../../utils/getVersion");
|
|
5
6
|
const style_1 = require("../../utils/style");
|
|
7
|
+
const Badge_1 = require("../Badge/Badge");
|
|
6
8
|
const renderTabItemInner_1 = require("./renderTabItemInner");
|
|
7
9
|
const tabPaddingStyleMap = {
|
|
8
10
|
default: 'px-xs',
|
|
@@ -27,13 +29,13 @@ const activeTabBgStyleMap = {
|
|
|
27
29
|
};
|
|
28
30
|
exports.TabItemInner = (0, uni_jsx_1.JSX)(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
|
|
29
31
|
const Tag = tag;
|
|
30
|
-
const { text, description, icon,
|
|
32
|
+
const { text, description, icon, count, ...link } = item;
|
|
31
33
|
return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", onClick: onClick, ...link, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [(0, renderTabItemInner_1.renderTabItemInner)({
|
|
32
34
|
text,
|
|
33
35
|
description,
|
|
34
36
|
icon,
|
|
35
37
|
isActive,
|
|
36
38
|
type,
|
|
37
|
-
}),
|
|
39
|
+
}), Number.isInteger(count) ? ((0, jsx_runtime_1.jsx)("div", { className: "ml-xs", children: (0, jsx_runtime_1.jsx)(Badge_1.Badge, { count: count, version: (0, getVersion_1.getVersion)(isActive) }) })) : null] }) }));
|
|
38
40
|
});
|
|
39
41
|
//# sourceMappingURL=TabItemInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,6DAA0D;AAI1D,MAAM,kBAAkB,GAA6B;IACnD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,kFAAkF;CAC7F,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA6B;IACtD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,MAAM,aAAa,GAA6B;IAC9C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,mEAAmE;CAC9E,CAAC;AAEF,MAAM,mBAAmB,GAA6B;IACpD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,sDAAsD;CACjE,CAAC;
|
|
1
|
+
{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoD;AACpD,6CAA0C;AAC1C,0CAAuC;AACvC,6DAA0D;AAI1D,MAAM,kBAAkB,GAA6B;IACnD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,kFAAkF;CAC7F,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA6B;IACtD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,MAAM,aAAa,GAA6B;IAC9C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,mEAAmE;CAC9E,CAAC;AAEF,MAAM,mBAAmB,GAA6B;IACpD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,sDAAsD;CACjE,CAAC;AAOW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAEzD,OAAO,CACL,uBAAC,GAAG,IACF,SAAS,EAAE,IAAA,aAAK,EACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAEA,IAAA,uCAAkB,EAAC;oBAClB,IAAI;oBACJ,WAAW;oBACX,IAAI;oBACJ,QAAQ;oBACR,IAAI;iBACL,CAAC,EACD,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,aAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAA,uBAAU,EAAC,QAAQ,CAAC,GAAI,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getVersion: (isPrimary: boolean) => "primary" | "secondary";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getVersion.js","sourceRoot":"","sources":["../../src/utils/getVersion.ts"],"names":[],"mappings":";;AAAO,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAA3E,QAAA,UAAU,cAAiE"}
|
|
@@ -35,6 +35,10 @@ export declare type FieldCommonDef = FieldDefaultDef & {
|
|
|
35
35
|
/** @default "common" */
|
|
36
36
|
fieldType: 'common';
|
|
37
37
|
};
|
|
38
|
+
/**
|
|
39
|
+
* @title Значение по умолчанию
|
|
40
|
+
* @enumNames ["Валютный контроль","Документарные операции","Конверсионные операции","Иные вопросы ВЭД"]
|
|
41
|
+
*/
|
|
38
42
|
declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
|
|
39
43
|
/**
|
|
40
44
|
* @title Поле ввода ВЭД
|
|
@@ -43,7 +47,6 @@ declare type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTr
|
|
|
43
47
|
export declare type FieldVedDef = FieldDefaultDef & {
|
|
44
48
|
/** @default "ved" */
|
|
45
49
|
fieldType: 'ved';
|
|
46
|
-
/** @title Значение по умолчанию */
|
|
47
50
|
defaultValue?: VedTypes;
|
|
48
51
|
};
|
|
49
52
|
/**
|
|
@@ -7,6 +7,7 @@ import { ClientOnly } from '../../ui-kit/ClientOnly.js';
|
|
|
7
7
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
8
8
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
9
9
|
import { YandexMap } from '../../ui-kit/YandexMap/YandexMap.js';
|
|
10
|
+
import { getVersion } from '../../utils/getVersion.js';
|
|
10
11
|
import { style } from '../../utils/style.js';
|
|
11
12
|
import { renderDescriptionBlock } from './renderDescriptionBlock.js';
|
|
12
13
|
import { renderFiltrationForm } from './renderFiltrationForm.js';
|
|
@@ -41,8 +42,8 @@ export const OfficesAtmsMapLayout = JSX(({ className, data = [], remoteWorkplace
|
|
|
41
42
|
return (_jsxs("div", { className: style('space-y-1', className), children: [_jsxs("div", { className: "bg-white", children: [_jsxs("div", { className: "p-6xl pb-0", children: [_jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: _jsxs(Heading, { headingType: "h2", children: [title, lengthItems ? (_jsx(Text, { size: "text-h2", color: "text-secondary-text", children: ` (${lengthItems})` })) : null] }) }), descriptionData ? renderDescriptionBlock(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), _jsx("div", { className: style('pb-2xl', filtersVisibleStyles(activeButton)), children: renderFiltrationForm(Object.keys(initFilterState), { field, reset }, onlyOffice) })] }), _jsx("div", { className: "h-[600px]", children: _jsx(ClientOnly, { children: _jsx(YandexMap, { points: points, className: "h-full" }) }) })] }), filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] }));
|
|
42
43
|
});
|
|
43
44
|
const renderButtonsGroup = (data, activeButton, onButtonClick) => {
|
|
44
|
-
const allButtonVersion = activeButton === 'all'
|
|
45
|
-
const businessButtonVersion = activeButton === 'business'
|
|
45
|
+
const allButtonVersion = getVersion(activeButton === 'all');
|
|
46
|
+
const businessButtonVersion = getVersion(activeButton === 'business');
|
|
46
47
|
const handleClick = (e, key, branches) => {
|
|
47
48
|
if (e.currentTarget === e.target && key === 'business') {
|
|
48
49
|
branches.filter((branch) => branch.workSchedule &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfficesAtmsMapLayout.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OfficesAtmsMapLayout.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,18 +7,24 @@ import { UniBlock } from '../../UniBlock/UniBlock.js';
|
|
|
7
7
|
import { style } from '../../utils/style.js';
|
|
8
8
|
import { renderTabsLayout } from './renderTabsLayout.js';
|
|
9
9
|
const TAB_QUERY_PARAM_KEY = 'tab';
|
|
10
|
-
export const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabsType, ...rest }) => {
|
|
10
|
+
export const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabsType, showCounter = false, ...rest }) => {
|
|
11
11
|
const router = useRouter();
|
|
12
|
+
const tabsCounted = showCounter
|
|
13
|
+
? tabs.map((_) => ({
|
|
14
|
+
..._,
|
|
15
|
+
count: block?.slots?.[_?.text ?? '']?.length ?? 0,
|
|
16
|
+
}))
|
|
17
|
+
: tabs;
|
|
12
18
|
const { isReady } = router;
|
|
13
|
-
const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(
|
|
14
|
-
const defaultSelectedTab =
|
|
19
|
+
const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabsCounted));
|
|
20
|
+
const defaultSelectedTab = tabsCounted.findIndex((_) => Boolean(_.selected));
|
|
15
21
|
useEffect(() => {
|
|
16
22
|
const defaultTabIndex = router.query[TAB_QUERY_PARAM_KEY]
|
|
17
|
-
?
|
|
23
|
+
? tabsCounted.findIndex((_, index) => _.type === 'group' && String(index) === router.query[TAB_QUERY_PARAM_KEY])
|
|
18
24
|
: defaultSelectedTab;
|
|
19
25
|
setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
|
|
20
26
|
}, [isReady, defaultSelectedTab]);
|
|
21
|
-
const slotName = getSlotName(
|
|
27
|
+
const slotName = getSlotName(tabsCounted[activeTabIndex], activeTabIndex);
|
|
22
28
|
const updateUrlSearchTabParam = (_, index) => {
|
|
23
29
|
const searchParams = new URLSearchParams(router.query);
|
|
24
30
|
if (_.text) {
|
|
@@ -30,16 +36,16 @@ export const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabsType
|
|
|
30
36
|
router.replace(`${router.pathname}?${searchParams}`, '', { scroll: false });
|
|
31
37
|
};
|
|
32
38
|
const handleChange = useCallback((_) => {
|
|
33
|
-
const index =
|
|
34
|
-
const tab =
|
|
39
|
+
const index = tabsCounted.indexOf(_);
|
|
40
|
+
const tab = tabsCounted[index];
|
|
35
41
|
setActiveTabIndex(index);
|
|
36
42
|
if (tab.type === 'group') {
|
|
37
43
|
updateUrlSearchTabParam(_, index);
|
|
38
44
|
}
|
|
39
|
-
}, [
|
|
45
|
+
}, [tabsCounted]);
|
|
40
46
|
return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [renderTabsLayout({
|
|
41
|
-
items:
|
|
42
|
-
value:
|
|
47
|
+
items: tabsCounted,
|
|
48
|
+
value: tabsCounted[activeTabIndex],
|
|
43
49
|
tabsType,
|
|
44
50
|
onChange: handleChange,
|
|
45
51
|
}), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: renderBlocksList(block?.slots?.[slotName], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,mBAAmB,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { ScrollableTabsControl } from '../../ui-kit/TabsControl/ScrollableTabsControl.js';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
const tabsStyle = {
|
|
4
|
+
default: {
|
|
5
|
+
wrapper: '',
|
|
6
|
+
component: '',
|
|
7
|
+
},
|
|
8
|
+
animated: {
|
|
9
|
+
wrapper: 'border-b-8 border-primary-main bg-white',
|
|
10
|
+
component: 'm-auto',
|
|
11
|
+
},
|
|
12
|
+
underlined: {
|
|
13
|
+
wrapper: 'flex',
|
|
14
|
+
component: 'm-auto',
|
|
15
|
+
},
|
|
15
16
|
};
|
|
17
|
+
export const renderTabsLayout = ({ tabsType = 'animated', ...props }) => tabsType ? (_jsx("div", { className: tabsStyle[tabsType].wrapper, children: _jsx(ScrollableTabsControl, { className: tabsStyle[tabsType].component, tabsType: tabsType, ...props }) })) : null;
|
|
16
18
|
//# sourceMappingURL=renderTabsLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;
|
|
1
|
+
{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAWvF,MAAM,SAAS,GAA6D;IAC1E,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,yCAAyC;QAClD,SAAS,EAAE,QAAQ;KACpB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE,CACvF,QAAQ,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,YACzC,KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -10,7 +10,5 @@ const badgeTextColorStyleMap = {
|
|
|
10
10
|
primary: 'text-white',
|
|
11
11
|
secondary: 'text-secondary-text',
|
|
12
12
|
};
|
|
13
|
-
export const Badge = JSX(({ count, version = 'secondary' }) => {
|
|
14
|
-
return (_jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), role: "status", children: _jsx(Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) }));
|
|
15
|
-
});
|
|
13
|
+
export const Badge = JSX(({ count, version = 'secondary' }) => (_jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), role: "status", children: _jsx(Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) })));
|
|
16
14
|
//# sourceMappingURL=Badge.js.map
|