@redneckz/wildless-cms-uni-blocks 0.3.14 → 0.3.17
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +19 -6
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/Footer/Footer.mobile.js +1 -1
- package/dist/components/Footer/Footer.mobile.js.map +1 -1
- package/dist/components/Headline/Headline.js +2 -1
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.mobile.js +2 -1
- package/dist/components/Headline/Headline.mobile.js.map +1 -1
- package/dist/components/Headline/constants.d.ts +7 -1
- package/dist/components/Headline/constants.js +17 -5
- package/dist/components/Headline/constants.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js +28 -6
- package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlockContent.d.ts +2 -0
- package/dist/components/TariffsTable/TariffsTable.js +3 -3
- package/dist/components/TariffsTable/TariffsTable.js.map +1 -1
- package/lib/components/Footer/Footer.mobile.js +1 -1
- package/lib/components/Footer/Footer.mobile.js.map +1 -1
- package/lib/components/Headline/Headline.js +3 -2
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/Headline/Headline.mobile.js +3 -2
- package/lib/components/Headline/Headline.mobile.js.map +1 -1
- package/lib/components/Headline/constants.d.ts +7 -1
- package/lib/components/Headline/constants.js +16 -4
- package/lib/components/Headline/constants.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.fixture.mobile.d.ts +1 -4
- package/lib/components/StepsBlock/StepsBlock.mobile.js +28 -6
- package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlockContent.d.ts +2 -0
- package/lib/components/TariffsTable/TariffsTable.js +3 -3
- package/lib/components/TariffsTable/TariffsTable.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +58 -23
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/Footer/Footer.js +1 -1
- package/mobile/dist/components/Footer/Footer.js.map +1 -1
- package/mobile/dist/components/Headline/Headline.js +2 -1
- package/mobile/dist/components/Headline/Headline.js.map +1 -1
- package/mobile/dist/components/Headline/constants.d.ts +7 -1
- package/mobile/dist/components/Headline/constants.js +17 -5
- package/mobile/dist/components/Headline/constants.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js +28 -6
- package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlockContent.d.ts +2 -0
- package/mobile/lib/components/Footer/Footer.js +1 -1
- package/mobile/lib/components/Footer/Footer.js.map +1 -1
- package/mobile/lib/components/Headline/Headline.js +3 -2
- package/mobile/lib/components/Headline/Headline.js.map +1 -1
- package/mobile/lib/components/Headline/constants.d.ts +7 -1
- package/mobile/lib/components/Headline/constants.js +16 -4
- package/mobile/lib/components/Headline/constants.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js +28 -6
- package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlockContent.d.ts +2 -0
- package/mobile/src/components/Footer/Footer.tsx +2 -2
- package/mobile/src/components/Headline/Headline.tsx +9 -4
- package/mobile/src/components/Headline/constants.ts +22 -4
- package/mobile/src/components/StepsBlock/StepsBlock.tsx +60 -19
- package/mobile/src/components/StepsBlock/StepsBlockContent.ts +2 -1
- package/package.json +1 -1
- package/src/components/Footer/Footer.mobile.tsx +2 -2
- package/src/components/Headline/Headline.mobile.tsx +9 -4
- package/src/components/Headline/Headline.tsx +3 -2
- package/src/components/Headline/constants.ts +22 -4
- package/src/components/StepsBlock/StepsBlock.fixture.mobile.tsx +127 -72
- package/src/components/StepsBlock/StepsBlock.mobile.tsx +60 -19
- package/src/components/StepsBlock/StepsBlockContent.ts +2 -1
- package/src/components/TariffsTable/TariffsTable.tsx +5 -5
|
@@ -2,11 +2,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TariffsTable = 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 useTableArrowScrollControl_1 = require("../../hooks/useTableArrowScrollControl");
|
|
5
6
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
7
|
+
const TableArrowScrollControl_1 = require("../../ui-kit/TableArrowScrollControl/TableArrowScrollControl");
|
|
6
8
|
const constants_1 = require("./constants");
|
|
7
9
|
const TariffsTableRow_1 = require("./TariffsTableRow");
|
|
8
|
-
const TableArrowScrollControl_1 = require("../../ui-kit/TableArrowScrollControl/TableArrowScrollControl");
|
|
9
|
-
const useTableArrowScrollControl_1 = require("../../hooks/useTableArrowScrollControl");
|
|
10
10
|
exports.TariffsTable = (0, uni_jsx_1.JSX)(({ className, context, title, description, rowHeaders, columns }) => {
|
|
11
11
|
const [activeCardIndex, setActiveCardIndex] = context.useState(0);
|
|
12
12
|
const colData = getColData(columns);
|
|
@@ -18,7 +18,7 @@ exports.TariffsTable = (0, uni_jsx_1.JSX)(({ className, context, title, descript
|
|
|
18
18
|
setActiveCardIndex,
|
|
19
19
|
});
|
|
20
20
|
const { isScrollAvailable } = tableArrowScrollControlProps;
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? (0, jsx_runtime_1.jsx)("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? ((0, jsx_runtime_1.jsxs)("div", { role: "table", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i) => ((0, jsx_runtime_1.jsx)(TariffsTableRow_1.TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), (0, jsx_runtime_1.jsx)(TableArrowScrollControl_1.TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? (0, jsx_runtime_1.jsx)("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? ((0, jsx_runtime_1.jsxs)("div", { role: "table", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i, { length }) => ((0, jsx_runtime_1.jsx)(TariffsTableRow_1.TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), (0, jsx_runtime_1.jsx)(TableArrowScrollControl_1.TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
|
|
22
22
|
});
|
|
23
23
|
const getColData = (columns) => columns?.map(({ data }) => data) || [];
|
|
24
24
|
const getRowData = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0DAAuD;AACvD,2CAAqD;
|
|
1
|
+
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AAEpF,0DAAuD;AACvD,0GAAuG;AACvG,2CAAqD;AAOrD,uDAAoD;AAIvC,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,IAAA,uDAA0B,EAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,kCAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,qCACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,iCAAK,IAAI,EAAC,OAAO,aACf,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,iCAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,uBAAC,iDAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}
|
|
@@ -6,11 +6,11 @@ import { Contacts } from './Contacts.js';
|
|
|
6
6
|
import { HorizontalNavigation } from './HorizontalNavigation.js';
|
|
7
7
|
import { SocialMedia } from './SocialMedia.js';
|
|
8
8
|
import { TextInformation } from './TextInformation.js';
|
|
9
|
+
import { useSitemap } from '../../services/sitemap/useSitemap.js';
|
|
9
10
|
import { Button } from '../../ui-kit/Button/Button.js';
|
|
10
11
|
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
11
12
|
import { SearchBar } from '../../ui-kit/SearchBar/SearchBar.js';
|
|
12
13
|
import { getAccordionItems } from '../../utils/getAccordionItems.js';
|
|
13
|
-
import { useSitemap } from "../../services/sitemap/useSitemap.js';
|
|
14
14
|
export const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
|
|
15
15
|
const sitemap = useSitemap(context.useAsyncData);
|
|
16
16
|
const dispositions = sitemap?.dispositions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIlE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,yBAAyB,GAC1B,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,OAAO,CACL,kBAAQ,SAAS,EAAE,2BAA2B,SAAS,EAAE,aACvD,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,EACrF,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,WAAW,EACrB,cAAc,EAAE,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,GACnD,EACF,wBAAM,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAO,EACjD,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,qHAAsB,EAC5B,WAAW,EAAC,8FAA6B,GACzC,EACF,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,EAChD,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,EACtE,KAAC,oBAAoB,IACnB,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,eAAe,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,IAChD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAqB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,aACjF,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAQ,KAF1C,UAAU,CAAC,EAAE,CAGhC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
|
-
import { ALIGN_TEXT,
|
|
4
|
+
import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
|
|
5
5
|
export const Headline = JSX(({ bgColorHeadline = 'transparent', align = 'left', className = '', title, description }) => {
|
|
6
|
-
|
|
6
|
+
const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
|
|
7
|
+
return (_jsxs("section", { className: `p-[50px] ${STYLE_MAPS.background} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-base mt-4 ${ALIGN_TEXT[align]}`, children: description }))] }));
|
|
7
8
|
});
|
|
8
9
|
//# sourceMappingURL=Headline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,eAAe,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,YAAY,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aACjE,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,qBAAqB,UAAU,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,8BAA8B,UAAU,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACnF,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
|
-
import { ALIGN_TEXT,
|
|
5
|
+
import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
|
|
6
6
|
export const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
|
|
7
|
-
|
|
7
|
+
const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
|
|
8
|
+
return (_jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
|
|
8
9
|
});
|
|
9
10
|
//# sourceMappingURL=Headline.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aAClE,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EACpD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YACE,SAAS,EAAE,yBAAyB,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,IAC7E,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACrB,EAAE,YAED,WAAW,GACV,CACL,EACA,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { AlignType } from '../BaseTile/BaseTileProps';
|
|
2
2
|
import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
|
|
3
3
|
export declare const ALIGN_TEXT: Record<AlignType, string>;
|
|
4
|
-
|
|
4
|
+
declare type StyleType = {
|
|
5
|
+
background: string;
|
|
6
|
+
text: string;
|
|
7
|
+
description: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const HEADLINE_BLOCK_STYLE_MAPS: Record<BlockVersionWithTransparent, StyleType>;
|
|
10
|
+
export {};
|
|
@@ -3,9 +3,21 @@ export const ALIGN_TEXT = {
|
|
|
3
3
|
center: 'text-center',
|
|
4
4
|
right: 'text-right',
|
|
5
5
|
};
|
|
6
|
-
export const
|
|
7
|
-
transparent:
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
export const HEADLINE_BLOCK_STYLE_MAPS = {
|
|
7
|
+
transparent: {
|
|
8
|
+
background: 'bg-transparent',
|
|
9
|
+
text: 'text-primary-text',
|
|
10
|
+
description: 'text-primary-text',
|
|
11
|
+
},
|
|
12
|
+
primary: {
|
|
13
|
+
background: 'bg-white',
|
|
14
|
+
text: 'text-primary-text',
|
|
15
|
+
description: 'text-primary-text',
|
|
16
|
+
},
|
|
17
|
+
secondary: {
|
|
18
|
+
background: 'bg-primary-main',
|
|
19
|
+
text: 'text-white',
|
|
20
|
+
description: 'text-white/80',
|
|
21
|
+
},
|
|
10
22
|
};
|
|
11
23
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAQF,MAAM,CAAC,MAAM,yBAAyB,GAAmD;IACvF,WAAW,EAAE;QACX,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC"}
|
|
@@ -2,21 +2,43 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
4
|
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const STEPS_BLOCK_STYLE_MAPS = {
|
|
6
|
+
primary: {
|
|
7
|
+
background: 'bg-white',
|
|
8
|
+
title: 'text-primary-text',
|
|
9
|
+
description: 'text-secondary-text',
|
|
10
|
+
iconBackground: 'bg-secondary-light',
|
|
11
|
+
iconConnector: 'bg-secondary-light',
|
|
12
|
+
},
|
|
13
|
+
secondary: {
|
|
14
|
+
background: 'bg-primary-main',
|
|
15
|
+
title: 'text-white',
|
|
16
|
+
description: 'text-white/80',
|
|
17
|
+
iconBackground: 'bg-white/30',
|
|
18
|
+
iconConnector: 'bg-white',
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
|
|
22
|
+
export const StepsBlock = JSX(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
|
|
23
|
+
const style = styleMaps(version);
|
|
24
|
+
return (_jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
|
|
25
|
+
${style.background} ${style.title} ${className || ''}`, children: [title && (_jsx(Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && (_jsx("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
|
|
7
26
|
});
|
|
8
27
|
const renderStepTitle = (params) => {
|
|
9
|
-
const { step, size, i, length } = params;
|
|
28
|
+
const { step, size, i, length, version } = params;
|
|
10
29
|
const isLastStep = length - 1 === i;
|
|
11
30
|
const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
|
|
12
|
-
|
|
31
|
+
const style = styleMaps(version);
|
|
32
|
+
return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && (_jsx("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), _jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
|
|
13
33
|
};
|
|
14
|
-
const renderIconArea = (
|
|
34
|
+
const renderIconArea = (params) => {
|
|
35
|
+
const { step, size, i, version } = params;
|
|
36
|
+
const style = styleMaps(version);
|
|
15
37
|
const iconAreaSize = size === 'normal'
|
|
16
38
|
? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
|
|
17
39
|
: 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
|
|
18
40
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
19
41
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
20
|
-
return (_jsx("div", { className: `${iconAreaSize}
|
|
42
|
+
return (_jsx("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
|
|
21
43
|
};
|
|
22
44
|
//# sourceMappingURL=StepsBlock.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { IconName } from '../../ui-kit/Icon/IconProps';
|
|
2
2
|
import type { SizeVersion } from '../../model/SizeVersion';
|
|
3
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
3
4
|
/**
|
|
4
5
|
* @title Шаг
|
|
5
6
|
*/
|
|
@@ -27,4 +28,5 @@ export interface StepsBlockContent {
|
|
|
27
28
|
*/
|
|
28
29
|
steps?: Step[];
|
|
29
30
|
size?: SizeVersion;
|
|
31
|
+
version?: BlockVersion;
|
|
30
32
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
|
|
3
4
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
5
|
+
import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
|
|
4
6
|
import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
|
|
5
7
|
import { TariffsTableRow } from './TariffsTableRow.js';
|
|
6
|
-
import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
|
|
7
|
-
import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
|
|
8
8
|
export const TariffsTable = JSX(({ className, context, title, description, rowHeaders, columns }) => {
|
|
9
9
|
const [activeCardIndex, setActiveCardIndex] = context.useState(0);
|
|
10
10
|
const colData = getColData(columns);
|
|
@@ -16,7 +16,7 @@ export const TariffsTable = JSX(({ className, context, title, description, rowHe
|
|
|
16
16
|
setActiveCardIndex,
|
|
17
17
|
});
|
|
18
18
|
const { isScrollAvailable } = tableArrowScrollControlProps;
|
|
19
|
-
return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [rowData.map((row, i) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
|
|
19
|
+
return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
|
|
20
20
|
});
|
|
21
21
|
const getColData = (columns) => columns?.map(({ data }) => data) || [];
|
|
22
22
|
const getRowData = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAOrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,IAAI,EAAC,OAAO,aACf,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,KAAC,uBAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}
|
|
@@ -272,14 +272,27 @@
|
|
|
272
272
|
center: 'text-center',
|
|
273
273
|
right: 'text-right',
|
|
274
274
|
};
|
|
275
|
-
const
|
|
276
|
-
transparent:
|
|
277
|
-
|
|
278
|
-
|
|
275
|
+
const HEADLINE_BLOCK_STYLE_MAPS = {
|
|
276
|
+
transparent: {
|
|
277
|
+
background: 'bg-transparent',
|
|
278
|
+
text: 'text-primary-text',
|
|
279
|
+
description: 'text-primary-text',
|
|
280
|
+
},
|
|
281
|
+
primary: {
|
|
282
|
+
background: 'bg-white',
|
|
283
|
+
text: 'text-primary-text',
|
|
284
|
+
description: 'text-primary-text',
|
|
285
|
+
},
|
|
286
|
+
secondary: {
|
|
287
|
+
background: 'bg-primary-main',
|
|
288
|
+
text: 'text-white',
|
|
289
|
+
description: 'text-white/80',
|
|
290
|
+
},
|
|
279
291
|
};
|
|
280
292
|
|
|
281
293
|
const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
|
|
282
|
-
|
|
294
|
+
const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
|
|
295
|
+
return (jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title && (jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })), description && (jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (jsx("div", { className: "mt-5 mx-auto flex justify-center", children: jsx(Img, { image: image }) }))] }));
|
|
283
296
|
});
|
|
284
297
|
|
|
285
298
|
// column-gap between children of SwipeListControl container
|
|
@@ -1147,6 +1160,18 @@
|
|
|
1147
1160
|
});
|
|
1148
1161
|
const TextInformationLink = JSX(({ className, index, text, href, target, onClick }) => (jsx("a", { className: `font-sans font-normal text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${className || ''}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
|
|
1149
1162
|
|
|
1163
|
+
function useSitemap(useAsyncData) {
|
|
1164
|
+
const { data } = useAsyncData(sitemapURL(), fetchSitemap);
|
|
1165
|
+
return data || {};
|
|
1166
|
+
}
|
|
1167
|
+
async function fetchSitemap() {
|
|
1168
|
+
const response = await fetch(sitemapURL());
|
|
1169
|
+
return await response.json();
|
|
1170
|
+
}
|
|
1171
|
+
function sitemapURL() {
|
|
1172
|
+
return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
|
|
1173
|
+
}
|
|
1174
|
+
|
|
1150
1175
|
const SearchBar = JSX(({ className, context }) => {
|
|
1151
1176
|
const { term, setTerm } = context.useSearch();
|
|
1152
1177
|
return (jsxs("form", { className: `relative ${className || ''}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: "w-[20px] h-[20px]", children: jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: "some search" }), jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer", onClick: (e) => {
|
|
@@ -1165,18 +1190,6 @@
|
|
|
1165
1190
|
],
|
|
1166
1191
|
}));
|
|
1167
1192
|
|
|
1168
|
-
function useSitemap(useAsyncData) {
|
|
1169
|
-
const { data } = useAsyncData(sitemapURL(), fetchSitemap);
|
|
1170
|
-
return data || {};
|
|
1171
|
-
}
|
|
1172
|
-
async function fetchSitemap() {
|
|
1173
|
-
const response = await fetch(sitemapURL());
|
|
1174
|
-
return await response.json();
|
|
1175
|
-
}
|
|
1176
|
-
function sitemapURL() {
|
|
1177
|
-
return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
|
|
1178
|
-
}
|
|
1179
|
-
|
|
1180
1193
|
const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
|
|
1181
1194
|
const sitemap = useSitemap(context.useAsyncData);
|
|
1182
1195
|
const dispositions = sitemap?.dispositions;
|
|
@@ -1272,22 +1285,44 @@
|
|
|
1272
1285
|
return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
|
|
1273
1286
|
});
|
|
1274
1287
|
|
|
1275
|
-
const
|
|
1276
|
-
|
|
1288
|
+
const STEPS_BLOCK_STYLE_MAPS = {
|
|
1289
|
+
primary: {
|
|
1290
|
+
background: 'bg-white',
|
|
1291
|
+
title: 'text-primary-text',
|
|
1292
|
+
description: 'text-secondary-text',
|
|
1293
|
+
iconBackground: 'bg-secondary-light',
|
|
1294
|
+
iconConnector: 'bg-secondary-light',
|
|
1295
|
+
},
|
|
1296
|
+
secondary: {
|
|
1297
|
+
background: 'bg-primary-main',
|
|
1298
|
+
title: 'text-white',
|
|
1299
|
+
description: 'text-white/80',
|
|
1300
|
+
iconBackground: 'bg-white/30',
|
|
1301
|
+
iconConnector: 'bg-white',
|
|
1302
|
+
},
|
|
1303
|
+
};
|
|
1304
|
+
const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
|
|
1305
|
+
const StepsBlock = JSX(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
|
|
1306
|
+
const style = styleMaps(version);
|
|
1307
|
+
return (jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
|
|
1308
|
+
${style.background} ${style.title} ${className || ''}`, children: [title && (jsx(Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && (jsx("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? (jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
|
|
1277
1309
|
});
|
|
1278
1310
|
const renderStepTitle = (params) => {
|
|
1279
|
-
const { step, size, i, length } = params;
|
|
1311
|
+
const { step, size, i, length, version } = params;
|
|
1280
1312
|
const isLastStep = length - 1 === i;
|
|
1281
1313
|
const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
|
|
1282
|
-
|
|
1314
|
+
const style = styleMaps(version);
|
|
1315
|
+
return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && (jsx("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (jsx("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
|
|
1283
1316
|
};
|
|
1284
|
-
const renderIconArea = (
|
|
1317
|
+
const renderIconArea = (params) => {
|
|
1318
|
+
const { step, size, i, version } = params;
|
|
1319
|
+
const style = styleMaps(version);
|
|
1285
1320
|
const iconAreaSize = size === 'normal'
|
|
1286
1321
|
? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
|
|
1287
1322
|
: 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
|
|
1288
1323
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
1289
1324
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
1290
|
-
return (jsx("div", { className: `${iconAreaSize}
|
|
1325
|
+
return (jsx("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && jsx(Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
|
|
1291
1326
|
};
|
|
1292
1327
|
|
|
1293
1328
|
const TableTileHeader = JSX(({ title, icon }) => {
|