@redneckz/wildless-cms-uni-blocks 0.5.10 → 0.5.12

package/lib/components/SafeDepositRental/SafeDepositRental.js

@@ -1,18 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useSafeBoxes } from '../../hooks/useSafeBoxes.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm.js';
 import { useGetRegions } from './useGetRegions.js';
+import { getBranch, getCoordinates } from './utils.js';
 import { YandexMap } from './YandexMap.js';
+const DEFAULT_DAYS = 26;
 export const SafeDepositRental = JSX(({ title, footnote, context, className = '', ...rest }) => {
-    const [points, setPoints] = useState([]);
     const [showMap, setShowMap] = useState(false);
+    const [safeDepositState, setStateDepositState] = useState({
+        selectedRegion: '',
+        selectedBranch: '',
+        selectedCaseVolume: '',
+        selectedBoxSize: '',
+        days: DEFAULT_DAYS,
+    });
     const regions = useGetRegions();
-    const toggleShowMap = () => {
+    const selectedRegion = normalizeSelectedRegion(safeDepositState.selectedRegion, regions);
+    const branches = useSafeBoxes(selectedRegion);
+    const handleChangeSafeDepositState = useCallback((state) => setStateDepositState((oldState) => ({ ...oldState, ...state })), [setStateDepositState]);
+    const onShowMapToggle = () => {
         setShowMap(!showMap);
     };
-    return (_jsxs(BlockWrapper, { context: context, className: className, ...rest, children: [_jsxs("div", { className: "bg-white px-8 py-12", children: [title ? (_jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "mb-2.5 text-center" })) : null, _jsx(SafeDepositRentalForm, { regions: regions, setPoints: setPoints, toggleShowMap: toggleShowMap }), footnote ? _jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), points.length && showMap ? _jsx(YandexMap, { points: points }) : null] }));
+    const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
+    return (_jsxs(BlockWrapper, { context: context, className: className, ...rest, children: [_jsxs("div", { className: "font-sans bg-white px-8 py-12", children: [title ? (_jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "mb-2.5 text-center" })) : null, _jsx(SafeDepositRentalForm, { regions: regions, branches: branches, data: { ...safeDepositState, selectedRegion }, onShowMapToggle: onShowMapToggle, onChange: handleChangeSafeDepositState }), footnote ? _jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), points.length && showMap ? _jsx(YandexMap, { points: points }) : null] }));
 });
+const normalizeSelectedRegion = (selectedRegion, regions) => !selectedRegion && regions?.length && regions[0]?.code ? regions[0].code : selectedRegion;
 //# sourceMappingURL=SafeDepositRental.js.map

package/lib/components/SafeDepositRental/SafeDepositRental.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeDepositRental.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRental.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAEhC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,aAC5D,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,qBAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC5B,EACD,QAAQ,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC7E,EACL,MAAM,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,IACnD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SafeDepositRental.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRental.tsx"],"names":[],"mappings":"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"}

package/lib/components/SafeDepositRental/SafeDepositRentalFields.d.ts

@@ -1,9 +1,12 @@
-import type { SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useFetchSafeBoxes';
-import type { SafeDepositRentalFormProps } from './SafeDepositRentalForm';
+import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useSafeBoxes';
 import type { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
-export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState, SafeDepositRentalFormProps {
-    onChange: HandleChangeState;
+import { Region } from './useGetRegions';
+export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState {
+    regions?: Region[];
     safeBoxCases?: SafeBoxCase[];
     caseVolumes?: SafeBoxCaseVolume[];
+    branches?: Branch[];
+    onShowMapToggle: () => void;
+    onChange: HandleChangeState;
 }
 export declare const SafeDepositRentalFields: import("@redneckz/uni-jsx").UNIComponent<SafeDepositRentalFieldsProps, any, any>;

package/lib/components/SafeDepositRental/SafeDepositRentalFields.js

@@ -5,13 +5,11 @@ import { RegionsAndBranches } from './RegionsAndBranches.js';
 import { RenderRadioButtons } from './RenderRadioButtons.js';
 import { RentalPeriod } from './RentalPeriod.js';
 import { SafeBoxCases } from './SafeBoxCases.js';
-import { getBranch, getCoordinates } from './utils.js';
-export const SafeDepositRentalFields = JSX(({ regions, selectedRegion, branches, selectedBranch, days, selectedCaseVolume, selectedBoxSize, safeBoxCases, caseVolumes, setPoints, onChange, toggleShowMap, }) => {
-    return (_jsxs("div", { className: "flex-1 mr-9", children: [_jsx(RegionsAndBranches, { regions: regions, selectedRegion: selectedRegion, onSelectedRegion: (value) => onChange({ selectedRegion: value }), branches: branches, selectedBranch: selectedBranch, onSelectedBranch: onSelectedBranch(onChange, setPoints, branches) }), _jsx(RentalPeriod, { days: days, setDays: (value) => onChange({ days: value }) }), _jsx(SafeBoxCases, { caseVolumes: caseVolumes, selectedCaseVolume: selectedCaseVolume, onSelectedCaseVolume: onSelectedCaseVolume(onChange), safeBoxCases: safeBoxCases, selectedBoxSize: selectedBoxSize, onSelectedBoxSize: (value) => onChange({ selectedBoxSize: value }) }), _jsx("span", { className: "text-secondary-text text-l-light", children: "\u0422\u0438\u043F \u0434\u043E\u0433\u043E\u0432\u043E\u0440\u0430" }), _jsxs("div", { className: "flex justify-between items-center mt-5", children: [_jsx(RenderRadioButtons, {}), _jsx(Button, { text: "\u041E\u0444\u0438\u0441\u044B \u043D\u0430 \u043A\u0430\u0440\u0442\u0435", version: "primary", onClick: toggleShowMap })] })] }));
+export const SafeDepositRentalFields = JSX(({ regions, selectedRegion, branches, selectedBranch, days, selectedCaseVolume, selectedBoxSize, safeBoxCases, caseVolumes, onChange, onShowMapToggle, }) => {
+    return (_jsxs("div", { className: "flex-1 mr-9", children: [_jsx(RegionsAndBranches, { regions: regions, selectedRegion: selectedRegion, onSelectedRegion: (value) => onChange({ selectedRegion: value }), branches: branches, selectedBranch: selectedBranch, onSelectedBranch: onSelectedBranch(onChange) }), _jsx(RentalPeriod, { days: days, setDays: (value) => onChange({ days: value }) }), _jsx(SafeBoxCases, { caseVolumes: caseVolumes, selectedCaseVolume: selectedCaseVolume, onSelectedCaseVolume: onSelectedCaseVolume(onChange), safeBoxCases: safeBoxCases, selectedBoxSize: selectedBoxSize, onSelectedBoxSize: (value) => onChange({ selectedBoxSize: value }) }), _jsx("span", { className: "text-secondary-text text-l-light", children: "\u0422\u0438\u043F \u0434\u043E\u0433\u043E\u0432\u043E\u0440\u0430" }), _jsxs("div", { className: "flex justify-between items-center mt-5", children: [_jsx(RenderRadioButtons, {}), _jsx(Button, { text: "\u041E\u0444\u0438\u0441\u044B \u043D\u0430 \u043A\u0430\u0440\u0442\u0435", version: "primary", onClick: onShowMapToggle })] })] }));
 });
-const onSelectedBranch = (onChange, setPoints, branches) => (value) => {
+const onSelectedBranch = (onChange) => (value) => {
     onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
-    setPoints(getCoordinates(value ? getBranch(branches, value) : branches));
 };
 const onSelectedCaseVolume = (onChange) => (value) => {
     onChange({ selectedCaseVolume: value, selectedBoxSize: '' });

package/lib/components/SafeDepositRental/SafeDepositRentalFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeDepositRentalFields.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAUpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EACC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAChE,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,GACjE,EACF,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAI,EAC3E,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EACpD,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,GAClE,EACF,eAAM,SAAS,EAAC,kCAAkC,oFAAoB,EACtE,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,kBAAkB,KAAG,EACtB,KAAC,MAAM,IAAC,IAAI,EAAC,4EAAgB,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,aAAa,GAAI,IACtE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GACpB,CACE,QAA2B,EAC3B,SAAoD,EACpD,QAAkB,EAClB,EAAE,CACJ,CAAC,KAAa,EAAE,EAAE;IAChB,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACjF,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEJ,MAAM,oBAAoB,GAAG,CAAC,QAA2B,EAAE,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;IAC9E,QAAQ,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;AAC/D,CAAC,CAAC"}
+{"version":3,"file":"SafeDepositRentalFields.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAa9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EACC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,GAChB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAChE,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GAC5C,EACF,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAI,EAC3E,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EACpD,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,GAClE,EACF,eAAM,SAAS,EAAC,kCAAkC,oFAAoB,EACtE,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,kBAAkB,KAAG,EACtB,KAAC,MAAM,IAAC,IAAI,EAAC,4EAAgB,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,eAAe,GAAI,IACxE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAA2B,EAAE,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;IAC1E,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,QAA2B,EAAE,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;IAC9E,QAAQ,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;AAC/D,CAAC,CAAC"}

package/lib/components/SafeDepositRental/SafeDepositRentalForm.d.ts

@@ -1,7 +1,11 @@
+import { Branch } from '../../hooks/useSafeBoxes';
+import type { SafeDepositRentalState } from './SafeDepositRentalTypes';
 import type { Region } from './useGetRegions';
 export interface SafeDepositRentalFormProps {
-    regions?: Region[];
-    setPoints: (points: number[][]) => void;
-    toggleShowMap: () => void;
+    regions: Region[];
+    branches: Branch[];
+    data: SafeDepositRentalState;
+    onShowMapToggle: () => void;
+    onChange: (data: Partial<SafeDepositRentalState>) => void;
 }
 export declare const SafeDepositRentalForm: import("@redneckz/uni-jsx").UNIComponent<SafeDepositRentalFormProps, any, any>;

package/lib/components/SafeDepositRental/SafeDepositRentalForm.js

@@ -1,45 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks/core';
-import { useFetchSafeBoxes } from '../../hooks/useFetchSafeBoxes.js';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks/core';
 import { SafeDepositRentalFields } from './SafeDepositRentalFields.js';
 import { SafeDepositRentalTotal } from './SafeDepositRentalTotal.js';
-import { getBranch, getCoordinates } from './utils.js';
-const DEFAULT_DAYS = 26;
+import { getBranch } from './utils.js';
 export const SafeDepositRentalForm = JSX((props) => {
-    const [safeDepositState, setStateDepositState] = useState({
-        selectedRegion: '',
-        selectedBranch: '',
-        selectedCaseVolume: '',
-        selectedBoxSize: '',
-        days: DEFAULT_DAYS,
-        branches: [],
-    });
-    const resultBranches = useFetchSafeBoxes(safeDepositState.selectedRegion);
-    const handleChangeSafeDepositState = (state) => setStateDepositState((oldState) => ({ ...oldState, ...state }));
-    useEffect(() => handleChangeSafeDepositState({
-        selectedRegion: getInitialValueSelectedRegion(props.regions),
-    }), [props.regions]);
+    const { regions, data, branches, onChange, onShowMapToggle } = props;
     useEffect(() => {
-        if (Array.isArray(resultBranches) && resultBranches.length) {
-            handleChangeSafeDepositState({ branches: resultBranches });
-            props.setPoints(getCoordinates(resultBranches));
-        }
-    }, [resultBranches]);
-    useEffect(() => {
-        handleChangeSafeDepositState({
+        onChange({
             selectedBranch: '',
             selectedCaseVolume: '',
             selectedBoxSize: '',
         });
-    }, [safeDepositState.selectedRegion]);
-    const branch = getBranch(safeDepositState.branches, safeDepositState.selectedBranch);
+    }, [data.selectedRegion, onChange]);
+    const branch = getBranch(branches, data.selectedBranch);
     const caseVolumes = getCaseVolumes(branch?.safeBoxCaseVolumes);
-    const safeBoxCases = getCaseVolume(branch?.safeBoxCaseVolumes, safeDepositState.selectedCaseVolume)?.safeBoxCases;
-    const tariffs = getTariffs(safeBoxCases, safeDepositState.selectedBoxSize);
-    return (_jsxs("div", { className: "flex justify-between align-top mb-6", children: [_jsx(SafeDepositRentalFields, { ...safeDepositState, ...props, caseVolumes: caseVolumes, safeBoxCases: safeBoxCases, onChange: handleChangeSafeDepositState }), _jsx(SafeDepositRentalTotal, { days: safeDepositState.days, tariffs: tariffs })] }));
+    const safeBoxCases = getCaseVolume(branch?.safeBoxCaseVolumes, data.selectedCaseVolume)?.safeBoxCases;
+    const tariffs = getTariffs(safeBoxCases, data.selectedBoxSize);
+    return (_jsxs("div", { className: "flex justify-between align-top mb-6", children: [_jsx(SafeDepositRentalFields, { ...data, regions: regions, onShowMapToggle: onShowMapToggle, branches: branches, caseVolumes: caseVolumes, safeBoxCases: safeBoxCases, onChange: onChange }), _jsx(SafeDepositRentalTotal, { days: data.days, tariffs: tariffs })] }));
 });
-const getInitialValueSelectedRegion = (regions) => regions?.length && regions[0]?.code ? regions[0].code : '';
 const getCaseVolumes = (safeBoxCaseVolumes) => safeBoxCaseVolumes?.length ? safeBoxCaseVolumes?.filter((_) => _?.safeBoxCases?.length) : [];
 const getCaseVolume = (caseVolumes, selectedCaseVolume) => caseVolumes?.find((_) => _.volume === selectedCaseVolume);
 const getTariffs = (safeBoxCases, selectedBoxSize) => safeBoxCases?.find((_) => _.safeBoxCasesSize === selectedBoxSize)?.tariffs;

package/lib/components/SafeDepositRental/SafeDepositRentalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeDepositRentalForm.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SafeDepositRentalForm.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAUpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAA6B,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC;YACP,cAAc,EAAE,EAAE;YAClB,kBAAkB,EAAE,EAAE;YACtB,eAAe,EAAE,EAAE;SACpB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,aAAa,CAChC,MAAM,EAAE,kBAAkB,EAC1B,IAAI,CAAC,kBAAkB,CACxB,EAAE,YAAY,CAAC;IAEhB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,uBAAuB,OAClB,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,IACzD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,kBAAwC,EAAE,EAAE,CAClE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAE/F,MAAM,aAAa,GAAG,CAAC,WAAiC,EAAE,kBAA2B,EAAE,EAAE,CACvF,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,kBAAkB,CAAC,CAAC;AAE5D,MAAM,UAAU,GAAG,CAAC,YAA4B,EAAE,eAAwB,EAAE,EAAE,CAC5E,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,KAAK,eAAe,CAAC,EAAE,OAAO,CAAC"}

package/lib/components/SafeDepositRental/SafeDepositRentalTotal.d.ts

@@ -1,4 +1,4 @@
-import type { Tariff } from '../../hooks/useFetchSafeBoxes';
+import type { Tariff } from '../../hooks/useSafeBoxes';
 export interface SafeDepositRentalTotalProps {
     days: number;
     tariffs?: Tariff[];

package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js

@@ -6,7 +6,7 @@ export const SafeDepositRentalTotal = JSX(({ days, tariffs = [] }) => {
     return (_jsxs("div", { className: "flex flex-col justify-between", children: [_jsxs("div", { className: "flex", children: [renderTotal('Аренда за', days, 'mr-11'), renderTotal('Цена', price + ' ₽')] }), _jsxs("div", { className: "bg-primary-main px-10 pt-10 pb-4 text-center", children: [_jsx(Img, { image: { icon: 'PackA4Icon' }, width: "290", height: "257", asSVG: true }), _jsxs("span", { className: "text-s-light text-white opacity-80 mt-2 inline-block", children: ["\u041D\u0430 \u0440\u0438\u0441\u0443\u043D\u043A\u0438 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0430 \u043F\u0430\u0447\u043A\u0430", _jsx("br", {}), " \u043B\u0438\u0441\u0442\u043E\u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0430 \u04104"] })] })] }));
 });
 const renderTotal = (label, total, className = '') => {
-    return (_jsxs("div", { className: className, children: [_jsx("span", { className: "block text-m-light mb-1", children: label }), _jsx("span", { className: "text-h3", children: total })] }));
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "text-m-light text-secondary-text mb-1", children: label }), _jsx("span", { className: "text-h3 text-primary-text", children: total })] }));
 };
 const calculatePrice = (days, tariffs) => {
     const tariffType = getTariffType(days);

package/lib/components/SafeDepositRental/SafeDepositRentalTotal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAO3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,MAAM,aAClB,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC,EACvC,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,IAC9B,EACN,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,SAAG,EAErE,gBAAM,SAAS,EAAC,sDAAsD,oKACzC,cAAS,gGAC/B,IACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAsB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAQ,EACxD,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACpC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,OAAiB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,CAAC;IAEhG,OAAO,IAAI,GAAG,WAAW,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IAC7B,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,EAAE;YAC1B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,GAAG;YAC3B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG;YAC5B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;KACT;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}
+{"version":3,"file":"SafeDepositRentalTotal.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRentalTotal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAO3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,MAAM,aAClB,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC,EACvC,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,IAC9B,EACN,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,SAAG,EAErE,gBAAM,SAAS,EAAC,sDAAsD,oKACzC,cAAS,gGAC/B,IACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAsB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,cAAK,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAO,EACpE,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACtD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,OAAiB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,IAAI,CAAC,CAAC;IAEhG,OAAO,IAAI,GAAG,WAAW,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IAC7B,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,EAAE;YAC1B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,EAAE,IAAI,IAAI,IAAI,GAAG;YAC3B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;QAER,KAAK,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG;YAC5B,UAAU,GAAG,CAAC,CAAC;YACf,MAAM;KACT;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}

package/lib/components/SafeDepositRental/SafeDepositRentalTypes.d.ts

@@ -1,10 +1,8 @@
-import type { Branch } from '../../hooks/useFetchSafeBoxes';
 export interface SafeDepositRentalState {
     selectedRegion: string;
     selectedBranch: string;
     selectedCaseVolume: string;
     selectedBoxSize: string;
     days: number;
-    branches: Branch[];
 }
 export declare type HandleChangeState = (state: Partial<SafeDepositRentalState>) => void;

package/lib/components/SafeDepositRental/WrapperSelect.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Select } from '../../ui-kit/Select/Select.js';
-import { SelectOption } from '../../ui-kit/Select/SelectOption.js';
-export const WrapperSelect = JSX(({ data, fieldLabel, fieldValue, selected, placeholder, setSelected, label }) => {
-    return (_jsxs("div", { children: [_jsx("span", { className: "block text-m-light mb-2", children: label }), _jsxs(Select, { className: `h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer ${!selected ? 'text-secondary-text' : ''}`, value: selected, onChange: (_) => setSelected(_), children: [placeholder ? _jsx(SelectOption, { value: "", children: placeholder }) : null, data.map((_, i) => (_jsx(SelectOption, { value: _?.[fieldValue || fieldLabel], children: _?.[fieldLabel] }, String(i))))] })] }));
+export const WrapperSelect = JSX(({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
+    const dataFormat = data
+        .filter(Boolean)
+        .map((_) => ({ key: _?.[fieldValue || fieldLabel], text: _?.[fieldLabel] }));
+    const selectedObj = dataFormat.find((_) => _.key === selected);
+    return (_jsx(Select, { options: dataFormat, label: label, placeholder: placeholder || selected, onChange: (_) => setSelected(_.key), value: selectedObj }));
 });
 //# sourceMappingURL=WrapperSelect.js.map

package/lib/components/SafeDepositRental/WrapperSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapperSelect.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/WrapperSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAYhE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,0BACE,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAQ,EACxD,MAAC,MAAM,IACL,SAAS,EAAE,uEACT,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACtC,EAAE,EACF,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,aAE9B,WAAW,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,KAAK,EAAC,EAAE,YAAE,WAAW,GAAgB,CAAC,CAAC,CAAC,IAAI,EACxE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAAiB,KAAK,EAAE,CAAC,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,YAC/D,CAAC,EAAE,CAAC,UAAU,CAAC,IADC,MAAM,CAAC,CAAC,CAAC,CAEb,CAChB,CAAC,IACK,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"WrapperSelect.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/WrapperSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAe,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAajE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,UAAU,GAAkB,IAAI;SACnC,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC;IAE/D,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,IAAI,QAAQ,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAe,CAAC,EAC/C,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/SafeDepositRental/utils.d.ts

@@ -1,3 +1,3 @@
-import type { Branch } from '../../hooks/useFetchSafeBoxes';
+import type { Branch } from '../../hooks/useSafeBoxes';
 export declare const getCoordinates: (data?: Branch | Branch[]) => number[][];
 export declare const getBranch: (branches: Branch[], selectedBranch: string) => Branch | undefined;

package/lib/components/StepsBlock/StepsBlock.fixture.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
     'steps-img': JSX.Element;
     'steps-with-btn': JSX.Element;
     '4 steps': JSX.Element;
+    'width list': JSX.Element;
 };
 export default _default;

package/lib/components/StepsBlock/StepsBlock.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Button } from '../../ui-kit/Button/Button.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
 import { joinList } from '../../utils/joinList.js';
+import { renderItems } from './renderItems.js';
 import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps.js';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
+const getPaddingX = (steps) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
 export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], button, version = 'primary', context, ...rest }) => {
     const router = context.useRouter();
     const { handlerDecorator } = context;
@@ -17,6 +19,7 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
     const shortGaps = steps.length > 3;
     const lineOpacity = getLineOpacity(showLines);
     const titleMargin = title ? 'mt-9' : '';
+    const paddingX = getPaddingX(steps.length);
     return (_jsxs(BlockWrapper, { className: [
             'box-border font-sans text-primary-text bg-white',
             shortGaps ? 'px-20' : 'px-[70px]',
@@ -24,7 +27,7 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
             styleMap.background,
             styleMap.title,
             className,
-        ].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h2", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: "flex items-center px-[88px]", children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap))) }), _jsx("div", { className: `flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepTitle({
+        ].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h2", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap))) }), _jsx("div", { className: `flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepTitle({
                             styleMap,
                             isMainButton: Boolean(button?.text),
                             version,
@@ -36,8 +39,10 @@ const renderStepIcon = (styleMap) => ({ icon }, i) => {
     return (_jsx("div", { className: "flex flex-col items-center text-center", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center
             ${styleMap.iconBackground} ${styleMap.title}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: icon, width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
 };
-const renderStepTitle = ({ styleMap, isMainButton, version, router, handlerDecorator, }) => (step, i) => {
+const renderStepTitle = ({ styleMap, isMainButton, version, router, handlerDecorator, }) => (step, i, { length }) => {
     const additionalMarginClass = step?.label ? 'mt-2' : 'mt-4';
-    return (_jsxs("div", { className: "flex flex-col items-center justify-between text-center relative w-[276px]\n        whitespace-pre-line overflow-hidden", children: [step?.label ? _jsx("div", { className: "text-xl m-0 mt-4", children: step.label }) : null, step?.description ? (_jsx("div", { className: `text-l-light ${styleMap.description} ${additionalMarginClass}`, children: step.description })) : null, step.button?.text && !isMainButton ? (_jsx(Button, { className: "box-border mt-8 py-3 h-12 w-full max-w-[240px]", ...useLink({ router, handlerDecorator }, step.button), version: version, children: step.button.text })) : null] }, String(i)));
+    const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
+    return (_jsxs("div", { className: `flex flex-col items-center text-center relative
+        whitespace-pre-line overflow-hidden ${widthContainer}`, children: [step?.label ? _jsx("div", { className: "text-xl m-0 mt-4", children: step.label }) : null, step?.description ? (_jsx("div", { className: `text-l-light ${styleMap.description} ${additionalMarginClass}`, children: step.description })) : null, renderItems(step?.items, styleMap, step?.isDotted), step.button?.text && !isMainButton ? (_jsx(Button, { className: "box-border mt-8 py-3 h-12 w-full max-w-[240px]", ...useLink({ router, handlerDecorator }, step.button), version: version, children: step.button.text })) : null] }, String(i)));
 };
 //# sourceMappingURL=StepsBlock.js.map

package/lib/components/StepsBlock/StepsBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}

package/lib/components/StepsBlock/StepsBlockContent.d.ts

@@ -1,14 +1,21 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 import type { SizeVersion } from '../../model/SizeVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
 /**
  * @title Шаг
  */
 export declare type Step = DescriptionProps & LabelProps & IconProps & {
     /** @title Кнопка */
     button?: ButtonWithIconProps;
+    /**
+     * @title Буллиты
+     * @default true
+     */
+    isDotted?: boolean;
+    /** @title Список */
+    items?: string[];
 };
 /**
  * @title Блок шаги
@@ -22,7 +29,7 @@ export declare type StepsBlockContent = HeadlineCommonProps & {
     /**
      * @title Шаги
      * @minItems 2
-     * @maxItems 4
+     * @maxItems 5
      */
     steps?: Step[];
     /** @title Кнопка */

package/lib/components/StepsBlock/StepsBlockStyleMaps.d.ts

@@ -6,5 +6,6 @@ export declare type StyleType = {
     iconText: string;
     iconBackground: string;
     iconConnector: string;
+    dot: string;
 };
 export declare const STEPS_BLOCK_STYLE_MAPS: Record<BlockVersion, StyleType>;

package/lib/components/StepsBlock/StepsBlockStyleMaps.js

@@ -6,6 +6,7 @@ export const STEPS_BLOCK_STYLE_MAPS = {
         iconText: 'text-secondary-text',
         iconBackground: 'bg-main-divider',
         iconConnector: 'bg-secondary-light',
+        dot: 'bg-secondary-text',
     },
     secondary: {
         background: 'bg-primary-main',
@@ -14,6 +15,7 @@ export const STEPS_BLOCK_STYLE_MAPS = {
         iconText: 'text-white',
         iconBackground: 'bg-white/30',
         iconConnector: 'bg-white',
+        dot: 'bg-white/80',
     },
 };
 //# sourceMappingURL=StepsBlockStyleMaps.js.map

package/lib/components/StepsBlock/StepsBlockStyleMaps.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,qBAAqB;QAC/B,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,oBAAoB;KACpC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,eAAe;QAC5B,QAAQ,EAAE,YAAY;QACtB,cAAc,EAAE,aAAa;QAC7B,aAAa,EAAE,UAAU;KAC1B;CACF,CAAC"}
+{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,qBAAqB;QAC/B,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,oBAAoB;QACnC,GAAG,EAAE,mBAAmB;KACzB;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,eAAe;QAC5B,QAAQ,EAAE,YAAY;QACtB,cAAc,EAAE,aAAa;QAC7B,aAAa,EAAE,UAAU;QACzB,GAAG,EAAE,aAAa;KACnB;CACF,CAAC"}

package/lib/components/StepsBlock/renderItems.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { StyleType } from './StepsBlockStyleMaps';
+export declare const renderItems: (items?: string[], styleMap?: StyleType, isDotted?: boolean) => JSX.Element | null;

package/lib/components/StepsBlock/renderItems.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+export const renderItems = (items, styleMap, isDotted = true) => items ? (_jsx("div", { className: `mt-4 ${styleMap?.description}`, role: "list", children: items.map((_) => (_jsxs("div", { className: "items-start mt-1 first:mt-0", role: "listitem", children: [isDotted ? (_jsx("div", { className: `rounded-full inline-block mr-3 mb-1 w-1.5 h-1.5 min-w-1.5 min-h-1.5 ${styleMap?.dot}` })) : null, _jsx("span", { children: _ })] }))) })) : null;
+//# sourceMappingURL=renderItems.js.map

package/lib/components/StepsBlock/renderItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,QAAoB,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,CACrF,KAAK,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,EAAE,IAAI,EAAC,MAAM,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,eAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,UAAU,aACzD,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,uEAAuE,QAAQ,EAAE,GAAG,EAAE,GACjG,CACH,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,CAAC,GAAQ,IACZ,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}

package/lib/components/Tabs/Tabs.d.ts

@@ -4,6 +4,10 @@ export interface TabActivationEvent {
     type?: Tab['type'];
     label?: string;
 }
+export interface AnchorClickScrollingEvent {
+    isScrolling?: boolean;
+    label?: string;
+}
 export interface TabsBlockProps extends TabsContent, UniBlockProps {
 }
 export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsBlockProps, any, any>;

package/lib/components/Tabs/Tabs.js

@@ -5,8 +5,17 @@ import { EventBus } from '../../EventBus/EventBus.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderTab } from './renderTab.js';
 export const Tabs = JSX((props) => {
-    const { context, className, tabs, page, showCounter } = props;
+    const { context, className = '', tabs, page, showCounter, isSticky } = props;
     const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
+    useEffect(() => EventBus.inst.subscribe('tab', (event) => {
+        if (!tabs) {
+            return;
+        }
+        const tab = tabs.find(checkTab(event));
+        if (event.type === 'link' && tab) {
+            setCurrentTab(tab);
+        }
+    }), [tabs]);
     useEffect(() => {
         if (currentTab?.type === 'group') {
             return EventBus.inst.subject('tab', { label: currentTab.ref });
@@ -16,9 +25,10 @@ export const Tabs = JSX((props) => {
     const handleClick = (selectedTab) => {
         if (selectedTab?.type === 'group') {
             EventBus.inst.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
-            setCurrentTab(selectedTab);
         }
+        setCurrentTab(selectedTab);
     };
-    return (_jsx(BlockWrapper, { context: context, className: `mb-2 box-border flex gap-x-1 ${className}`, role: "tablist", children: tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter, context })) }));
+    return (_jsx(BlockWrapper, { context: context, className: `${isSticky ? 'sticky top-1 z-20 ' : ''}box-border flex gap-x-1 ${className}`, role: "tablist", children: tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter, context })) }));
 });
+const checkTab = (event) => (_) => _.type === 'link' && _.href === `#${event.label}`;
 //# sourceMappingURL=Tabs.js.map

package/lib/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAChE;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,CAAC,WAAgB,EAAE,EAAE;QACvC,IAAI,WAAW,EAAE,IAAI,KAAK,OAAO,EAAE;YACjC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;YAC9E,aAAa,CAAC,WAAW,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gCAAgC,SAAS,EAAE,EACtD,IAAI,EAAC,SAAS,YAEb,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,GAC1E,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAexC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,SAAS,CACP,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,EAAE;YAChC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;IACH,CAAC,CAAC,EACJ,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAChE;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,CAAC,WAAgB,EAAE,EAAE;QACvC,IAAI,WAAW,EAAE,IAAI,KAAK,OAAO,EAAE;YACjC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;SAC/E;QACD,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,2BAA2B,SAAS,EAAE,EACxF,IAAI,EAAC,SAAS,YAEb,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,GAC1E,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,CAAM,EAAE,EAAE,CACzD,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC"}

package/lib/components/Tabs/TabsContent.d.ts

@@ -29,6 +29,8 @@ export declare type Tab = GroupTab | LinkTab;
 export interface TabsContent {
     /** @title Табы */
     tabs?: Tab[];
+    /** @title Закрепить сверху */
+    isSticky?: boolean;
     /** @title Показывать счетчик блоков во вкладках */
     showCounter?: boolean;
 }

package/lib/components/Tabs/renderLinkTab.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import type { LinkProps } from '../../model/LinkProps';
+import type { Tab } from './TabsContent';
 export interface RenderLinkTabProps extends LinkProps {
-    active?: boolean;
     onClick?: () => void;
     i: number;
+    currentTab?: Tab;
 }
-export declare const renderLinkTab: ({ text, onClick, href, target, i }: RenderLinkTabProps) => JSX.Element;
+export declare const renderLinkTab: ({ text, currentTab, onClick, href, target, i, }: RenderLinkTabProps) => JSX.Element;

package/lib/components/Tabs/renderLinkTab.js

@@ -1,4 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { INACTIVE_LINK_CLASSES, INACTIVE_TEXT_CLASSES, LINK_CLASSES, TEXT_CLASSES, } from './tabItemClasses.js';
-export const renderLinkTab = ({ text, onClick, href, target = '_self', i }) => (_jsx("a", { className: `${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`, target: target, href: href, onClick: onClick, children: _jsx("span", { className: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`, children: text }) }, String(i)));
+import { ACTIVE_LINK_CLASSES, ACTIVE_TEXT_CLASSES, INACTIVE_LINK_CLASSES, INACTIVE_TEXT_CLASSES, LINK_CLASSES, TEXT_CLASSES, } from './tabItemClasses.js';
+export const renderLinkTab = ({ text, currentTab, onClick, href, target = '_self', i, }) => {
+    const active = currentTab?.type === 'link' && currentTab.href === href;
+    return (_jsx("a", { className: `${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`, target: target, href: href, onClick: onClick, children: _jsx("span", { className: `${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`, children: text }) }, String(i)));
+};
 //# sourceMappingURL=renderLinkTab.js.map

package/lib/components/Tabs/renderLinkTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderLinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderLinkTab.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAAC,EAAsB,EAAE,EAAE,CAAC,CACjG,YAEE,SAAS,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE,EACrD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,eAAM,SAAS,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE,YAAG,IAAI,GAAQ,IANrE,MAAM,CAAC,CAAC,CAAC,CAOZ,CACL,CAAC"}
+{"version":3,"file":"renderLinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderLinkTab.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC;AAS1B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,CAAC,GACkB,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,IAAI,CAAC;IAEvE,OAAO,CACL,YAEE,SAAS,EAAE,GAAG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,EACpF,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,eAAM,SAAS,EAAE,GAAG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,YACvF,IAAI,GACA,IARF,MAAM,CAAC,CAAC,CAAC,CASZ,CACL,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/Tabs/renderTab.js

@@ -1,3 +1,4 @@
+import { EventBus } from '../../EventBus/EventBus.js';
 import { useLink } from '../../hooks/useLink.js';
 import { assertUnreachable } from '../../utils/assertUnreachable.js';
 import { renderGroupTab } from './renderGroupTab.js';
@@ -15,11 +16,20 @@ export const renderTab = ({ onClick, currentTab, showCounter, page, context }) =
     switch (type) {
         case 'group':
             return renderGroupTab({ onClick, currentTab, showCounter, page, context })(tab, i);
-        case 'link':
+        case 'link': {
+            const link = useLink({ router, handlerDecorator }, tab);
+            const linkClick = link.onClick;
             return renderLinkTab({
-                ...useLink({ router, handlerDecorator }, tab),
+                ...link,
+                onClick: (ev) => {
+                    linkClick(ev);
+                    onClick(tab);
+                    EventBus.inst.fire('anchorClick', { isScrolling: true, label: tab.href });
+                },
+                currentTab,
                 i,
             });
+        }
         default:
             assertUnreachable(type);
     }

package/lib/components/Tabs/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAWhD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAkB,EAAE,EAAE;AACxE,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAChD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACrF,KAAK,MAAM;YACT,OAAO,aAAa,CAAC;gBACnB,GAAG,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAG,CAAC;gBAC7C,CAAC;aACF,CAAC,CAAC;QACL;YACE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAWhD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAkB,EAAE,EAAE;AACxE,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAChD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACrF,KAAK,MAAM,CAAC,CAAC;YACX,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAG,CAAC,CAAC;YACxD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;YAE/B,OAAO,aAAa,CAAC;gBACnB,GAAG,IAAI;gBACP,OAAO,EAAE,CAAC,EAAmC,EAAE,EAAE;oBAC/C,SAAS,CAAC,EAAE,CAAC,CAAC;oBACd,OAAO,CAAC,GAAG,CAAC,CAAC;oBACb,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC5E,CAAC;gBACD,UAAU;gBACV,CAAC;aACF,CAAC,CAAC;SACJ;QACD;YACE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC"}

package/lib/components/TariffsTable/EmbeddableCellData.js

@@ -6,14 +6,13 @@ import { Button } from '../../ui-kit/Button/Button.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { TableInnerButton } from '../../ui-kit/InnerTable/InnerTableButton.js';
 import { List } from '../../ui-kit/List/List.js';
-import { getButtonAriaLabel } from './utils/getButtonAriaLabel.js';
-const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (_jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (_jsx(Button, { className: `${idx > 0 && rounded ? 'ml-3' : ''} w-12 h-12`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon?.src || icon?.icon ? _jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps }, String(idx)))) })) : null;
+const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (_jsx("div", { children: buttons.map(({ rounded, ...buttonProps }, idx) => (_jsx(Button, { className: `${idx > 0 && rounded ? 'ml-3' : ''} w-12 h-12`, rounded: rounded, ...buttonProps }, String(idx)))) })) : null;
 const renderLabelDescriptionCellData = ({ label, description }) => {
-    const labelClassName = `text-h6 font-medium m-0 ${description ? 'mb-1' : ''}`;
-    return (_jsxs("div", { children: [label ? _jsx("div", { className: labelClassName, children: label }) : null, description ? _jsx("div", { className: "text-s text-secondary-text", children: description }) : null] }));
+    const labelClassName = `text-h6 m-0 ${description ? 'mb-1' : ''}`;
+    return (_jsxs("div", { children: [label ? _jsx("div", { className: labelClassName, children: label }) : null, description ? _jsx("div", { className: "text-secondary-text text-l-light", children: description }) : null] }));
 };
 const renderImgCellData = ({ image }) => (image?.src ? _jsx(Img, { image: image }) : null);
-const renderListCellData = ({ isDotted, ...rest }) => (_jsx(List, { className: "flex flex-col justify-between items-start text-sm", version: "gray", isDotted: isDotted ?? true, ...rest }));
+const renderListCellData = ({ isDotted, ...rest }) => (_jsx(List, { className: "flex flex-col justify-between items-start text-h6", version: "primary", isDotted: isDotted ?? true, ...rest }));
 const renderTableCellData = JSX((props) => {
     const [showBtn, setShowBtn] = useState(true);
     console.log(props);