@cloud-ru/uikit-product-mobile-layout 0.20.7

package/dist/cjs/components/MobileEmptyBlock/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Footer"), exports);

package/dist/cjs/components/MobileEmptyBlock/index.d.ts

@@ -0,0 +1 @@
+export * from './MobileEmptyBlock';

package/dist/cjs/components/MobileEmptyBlock/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobileEmptyBlock"), exports);

package/dist/cjs/components/MobileEmptyBlock/styles.module.css

@@ -0,0 +1,61 @@
+div.emptyBlock{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-radius:calc(var(--dimension-1m, 8px) + var(--dimension-050m, 4px));
+  padding:var(--dimension-4m, 32px) var(--dimension-2m, 16px);
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  flex-grow:1;
+}
+
+.contentLayout{
+  display:flex;
+  flex-direction:column;
+}
+
+.textWrap{
+  display:flex;
+  flex-direction:column;
+  word-wrap:break-all;
+  max-width:100%;
+}
+
+.footer{
+  position:relative;
+  box-sizing:border-box;
+  width:100%;
+}
+
+.title{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.description{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.infoBlock{
+  display:flex;
+  box-sizing:border-box;
+  flex-direction:column;
+  align-items:center;
+  width:100%;
+  gap:var(--space-info-block-m-container-gap, 16px);
+}
+.infoBlock .footer{
+  text-align:center;
+}
+.infoBlock .description,
+.infoBlock .title{
+  text-align:center;
+}
+.infoBlock .contentLayout{
+  gap:var(--space-info-block-m-container-content-layout-gap, 24px);
+  align-items:center;
+  width:100%;
+}
+.infoBlock .textWrap{
+  gap:var(--space-info-block-m-container-content-layout-text-wrap-gap, 8px);
+  align-items:center;
+  width:100%;
+}

package/dist/cjs/components/MobilePageCatalog/MobilePageCatalog.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ActionsProps, HeadlineProps } from '../../helperComponents';
+export type MobilePageCatalogProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title'> & {
+    className?: string;
+    actions?: ActionsProps['items'];
+    maxVisibleActionsItems?: ActionsProps['maxVisibleItems'];
+}>>;
+export declare function MobilePageCatalog({ children, title, actions, maxVisibleActionsItems, className, ...rest }: MobilePageCatalogProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobilePageCatalog/MobilePageCatalog.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobilePageCatalog = MobilePageCatalog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobilePageCatalog(_a) {
+    var { children, title, actions = [], maxVisibleActionsItems, className } = _a, rest = __rest(_a, ["children", "title", "actions", "maxVisibleActionsItems", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.catalog, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(helperComponents_1.Headline, { title: title }), actions.length > 0 && (0, jsx_runtime_1.jsx)(helperComponents_1.MobileActions, { items: actions, maxVisibleItems: maxVisibleActionsItems }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.content, children: children })] })));
+}

package/dist/cjs/components/MobilePageCatalog/index.d.ts

@@ -0,0 +1 @@
+export * from './MobilePageCatalog';

package/dist/cjs/components/MobilePageCatalog/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobilePageCatalog"), exports);

package/dist/cjs/components/MobilePageCatalog/styles.module.css

@@ -0,0 +1,15 @@
+.catalog{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-3m, 24px);
+  padding:var(--dimension-3m, 24px);
+  margin:0 auto;
+  box-sizing:border-box;
+  width:100%;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  flex-grow:1;
+}

package/dist/cjs/components/MobilePageForm/MobilePageForm.d.ts

@@ -0,0 +1,17 @@
+import { PageFormProps } from '@sbercloud/uikit-product-page-layout';
+import { ValueOf } from '@snack-uikit/utils';
+export declare const BUTTON_PRIMARY_VARIANT: {
+    readonly Continue: "continue";
+    readonly Create: "create";
+    readonly Save: "save";
+    readonly Rent: "rent";
+    readonly Send: "send";
+};
+export declare const BUTTON_SECONDARY_VARIANT: {
+    readonly Cancel: "cancel";
+    readonly Back: "back";
+};
+export type ButtonPrimaryVariant = ValueOf<typeof BUTTON_PRIMARY_VARIANT>;
+export type ButtonSecondaryVariant = ValueOf<typeof BUTTON_SECONDARY_VARIANT>;
+export type MobilePageFormProps = PageFormProps;
+export declare function MobilePageForm({ children, title, subHeader, className, footer, stepper, priceSummary, sideBlock, ...rest }: PageFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobilePageForm/MobilePageForm.js

@@ -0,0 +1,72 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_SECONDARY_VARIANT = exports.BUTTON_PRIMARY_VARIANT = void 0;
+exports.MobilePageForm = MobilePageForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const button_1 = require("@snack-uikit/button");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.BUTTON_PRIMARY_VARIANT = {
+    Continue: 'continue',
+    Create: 'create',
+    Save: 'save',
+    Rent: 'rent',
+    Send: 'send',
+};
+exports.BUTTON_SECONDARY_VARIANT = {
+    Cancel: 'cancel',
+    Back: 'back',
+};
+function MobilePageForm(_a) {
+    var _b, _c;
+    var { children, title, subHeader, className, footer, stepper, priceSummary, sideBlock } = _a, rest = __rest(_a, ["children", "title", "subHeader", "className", "footer", "stepper", "priceSummary", "sideBlock"]);
+    const PrimaryButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonFilled, tooltip: footer === null || footer === void 0 ? void 0 : footer.buttonPrimary.tooltip });
+    const SecondaryButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonOutline, tooltip: (_b = footer === null || footer === void 0 ? void 0 : footer.buttonSecondary) === null || _b === void 0 ? void 0 : _b.tooltip });
+    const AdditionalButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonSimple, tooltip: (_c = footer === null || footer === void 0 ? void 0 : footer.buttonAdditional) === null || _c === void 0 ? void 0 : _c.tooltip });
+    const [openPriceSummary, setOpenPriceSummary] = (0, react_1.useState)(false);
+    const [openMore, setOpenMore] = (0, react_1.useState)(false);
+    const [openMoreContentIndex, setOpenMoreContentIndex] = (0, react_1.useState)(undefined);
+    const getButtonLabel = (0, helpers_1.useGetButtonLabel)();
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.container, className) }, (0, utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(helperComponents_1.Headline, { title: title, subHeader: subHeader, moreActions: sideBlock ? ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDroplist
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                , { 
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    size: 'l', open: openMore, onOpenChange: setOpenMore, items: sideBlock.map(({ label }, idx) => ({
+                        id: idx,
+                        content: {
+                            option: label,
+                        },
+                        onClick: () => {
+                            (setOpenMoreContentIndex(idx), setOpenMore(false));
+                        },
+                    })), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.KebabSVG, {}), size: 'm' }) })) : undefined }), sideBlock && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom, { open: openMoreContentIndex !== undefined, onClose: () => setOpenMoreContentIndex(undefined), children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { content: sideBlock === null || sideBlock === void 0 ? void 0 : sideBlock[openMoreContentIndex !== null && openMoreContentIndex !== void 0 ? openMoreContentIndex : 0].content }) })), stepper && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.stepper, children: stepper }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.body, children: children }), (priceSummary || footer) && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [priceSummary && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.priceSummary, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.priceSummaryText, children: "\u041E\u0446\u0435\u043D\u043A\u0430 \u0431\u044E\u0434\u0436\u0435\u0442\u0430" }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDropdown, { open: openPriceSummary, onOpenChange: setOpenPriceSummary, content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.modalContent, children: priceSummary.content }), children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.priceSummaryRight, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelL, { className: styles_module_scss_1.default.priceSummaryTotal, children: priceSummary.total }), priceSummary.content && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'm', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ChevronRightSVG, {}) })] }) })] })), footer && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.actions, "data-column": (footer.buttonAdditional && footer.buttonSecondary) || undefined, children: [footer.buttonAdditional && (0, jsx_runtime_1.jsx)(AdditionalButton, Object.assign({}, footer.buttonAdditional, { size: 'm', fullWidth: true })), footer.buttonSecondary && ((0, jsx_runtime_1.jsx)(SecondaryButton, Object.assign({}, footer.buttonSecondary, { size: 'm', fullWidth: true, appearance: 'neutral', label: footer.buttonSecondary.variant === 'custom'
+                                    ? footer.buttonSecondary.label
+                                    : getButtonLabel(footer.buttonSecondary.variant) }))), (0, jsx_runtime_1.jsx)(PrimaryButton, Object.assign({}, footer.buttonPrimary, { size: 'm', fullWidth: true, label: footer.buttonPrimary.variant === 'custom'
+                                    ? footer.buttonPrimary.label
+                                    : getButtonLabel(footer.buttonPrimary.variant) }))] }))] }))] })));
+}

package/dist/cjs/components/MobilePageForm/hooks.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent } from 'react';
+import { MobileTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+export declare function useButtonWithTooltip<T extends Record<string, unknown>>({ Button, tooltip, }: {
+    tooltip?: MobileTooltipProps;
+    Button: ForwardRefExoticComponent<T>;
+}): ForwardRefExoticComponent<T> | ((props: T) => import("react/jsx-runtime").JSX.Element);

package/dist/cjs/components/MobilePageForm/hooks.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useButtonWithTooltip = useButtonWithTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+function useButtonWithTooltip({ Button, tooltip, }) {
+    if (tooltip) {
+        return function ButtonWithTooltip(props) {
+            return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.MobileTooltip, Object.assign({}, tooltip, { children: (0, jsx_runtime_1.jsx)(Button, Object.assign({}, props)) })));
+        };
+    }
+    return Button;
+}

package/dist/cjs/components/MobilePageForm/index.d.ts

@@ -0,0 +1 @@
+export * from './MobilePageForm';

package/dist/cjs/components/MobilePageForm/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobilePageForm"), exports);

package/dist/cjs/components/MobilePageForm/styles.module.css

@@ -0,0 +1,86 @@
+.container{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  width:100%;
+  min-height:100%;
+  flex-grow:1;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+  padding:var(--dimension-2m, 16px);
+  box-sizing:border-box;
+  position:relative;
+  z-index:0;
+}
+
+.body{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  flex:1;
+}
+
+.footer{
+  position:sticky;
+  bottom:0;
+  z-index:1;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+  border-top:solid 1px var(--sys-neutral-decor-default, #dde0ea);
+  box-sizing:border-box;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  padding:var(--dimension-1m, 8px) var(--dimension-2m, 16px) var(--dimension-2m, 16px);
+  margin:calc(0px - var(--dimension-1m, 8px)) calc(0px - var(--dimension-2m, 16px)) calc(0px - var(--dimension-2m, 16px));
+}
+.footer .actions{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-1m, 8px);
+}
+.footer .actions[data-column]{
+  flex-direction:column;
+}
+
+.mainActions{
+  display:flex;
+  align-items:center;
+  margin-left:auto;
+}
+
+.priceSummary{
+  display:flex;
+  justify-content:space-between;
+  min-height:40px;
+  align-items:center;
+  gap:4px;
+}
+
+.priceSummaryText{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.priceSummaryRight{
+  display:flex;
+  align-items:center;
+  cursor:pointer;
+}
+
+.stepper{
+  position:sticky;
+  top:0;
+  z-index:1;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  padding:0 var(--dimension-2m, 16px) var(--dimension-1m, 8px);
+  margin:0 calc(0px - var(--dimension-2m, 16px)) calc(0px - var(--dimension-1m, 8px));
+  border-bottom:solid 1px var(--sys-neutral-decor-default, #dde0ea);
+  box-sizing:border-box;
+}
+
+.modalContent{
+  padding:0 var(--dimension-2m, 16px);
+}

package/dist/cjs/components/MobilePageServices/MobilePageServices.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ActionsProps, HeadlineProps, SidebarSelectProps } from '../../helperComponents';
+export type MobilePageServicesProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'beforeHeadline' | 'subHeader' | 'afterHeadline'> & {
+    className?: string;
+    sidebar?: SidebarSelectProps;
+    actions?: ActionsProps['items'];
+    maxVisibleActionsItems?: ActionsProps['maxVisibleItems'];
+}>>;
+export declare function MobilePageServices({ children, title, actions, className, sidebar, afterHeadline, subHeader, beforeHeadline, maxVisibleActionsItems, ...rest }: MobilePageServicesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobilePageServices/MobilePageServices.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobilePageServices = MobilePageServices;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobilePageServices(_a) {
+    var { children, title, actions = [], className, sidebar, afterHeadline, subHeader, beforeHeadline, maxVisibleActionsItems } = _a, rest = __rest(_a, ["children", "title", "actions", "className", "sidebar", "afterHeadline", "subHeader", "beforeHeadline", "maxVisibleActionsItems"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(helperComponents_1.Headline, { title: title, beforeHeadline: beforeHeadline, afterHeadline: afterHeadline, subHeader: subHeader }), sidebar && (0, jsx_runtime_1.jsx)(helperComponents_1.SidebarSelect, Object.assign({}, sidebar)), actions.length > 0 && (0, jsx_runtime_1.jsx)(helperComponents_1.MobileActions, { items: actions, maxVisibleItems: maxVisibleActionsItems }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.childWrapper, children: children })] })));
+}

package/dist/cjs/components/MobilePageServices/index.d.ts

@@ -0,0 +1 @@
+export * from './MobilePageServices';

package/dist/cjs/components/MobilePageServices/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobilePageServices"), exports);

package/dist/cjs/components/MobilePageServices/styles.module.css

@@ -0,0 +1,25 @@
+.wrapper{
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  min-height:100%;
+  box-sizing:border-box;
+  padding:var(--dimension-2m, 16px);
+  gap:var(--dimension-2m, 16px);
+}
+
+.childWrapper{
+  flex-shrink:1;
+  flex-grow:1;
+  display:flex;
+  flex-direction:column;
+  box-sizing:border-box;
+}
+
+.actions{
+  display:flex;
+  gap:8px;
+  flex-shrink:0;
+  width:100%;
+  justify-content:stretch;
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './AdaptiveLayout';
+export * from './MobileBlockBasic';
+export * from './MobileCardBanner';
+export * from './MobilePageForm';
+export * from './MobilePageServices';
+export * from './MobileEmptyBlock';
+export * from './MobilePageCatalog';

package/dist/cjs/components/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveLayout"), exports);
+__exportStar(require("./MobileBlockBasic"), exports);
+__exportStar(require("./MobileCardBanner"), exports);
+__exportStar(require("./MobilePageForm"), exports);
+__exportStar(require("./MobilePageServices"), exports);
+__exportStar(require("./MobileEmptyBlock"), exports);
+__exportStar(require("./MobilePageCatalog"), exports);

package/dist/cjs/helperComponents/Actions/ActionView.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { Action } from './types';
+export declare function ActionView({ variant, tooltip, hidden, layoutType, commonProps, ...buttonProps }: WithLayoutType<Action & {
+    commonProps: {
+        className?: string;
+        size?: 's' | 'm' | 'l';
+        fullWidth?: boolean;
+    };
+}>): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/cjs/helperComponents/Actions/ActionView.js

@@ -0,0 +1,58 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionView = ActionView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const uikit_product_quota_1 = require("@sbercloud/uikit-product-quota");
+const button_1 = require("@snack-uikit/button");
+const ButtonDropdown_1 = require("../ButtonDropdown");
+const ButtonDroplist_1 = require("../ButtonDroplist");
+const ButtonKebab_1 = require("../ButtonKebab");
+const constants_1 = require("./constants");
+function ActionView(_a) {
+    var { variant, tooltip, hidden = false, layoutType, commonProps } = _a, buttonProps = __rest(_a, ["variant", "tooltip", "hidden", "layoutType", "commonProps"]);
+    if (hidden) {
+        return null;
+    }
+    const addTooltip = (component) => tooltip ? ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveTooltip, Object.assign({ layoutType: layoutType }, tooltip, { children: component }))) : (component);
+    switch (variant) {
+        case constants_1.BUTTON_TYPE.Filled:
+            return addTooltip((0, jsx_runtime_1.jsx)(button_1.ButtonFilled, Object.assign({}, buttonProps, commonProps)));
+        case constants_1.BUTTON_TYPE.Outline:
+            return addTooltip((0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({}, buttonProps, commonProps)));
+        case constants_1.BUTTON_TYPE.Tonal:
+            return addTooltip((0, jsx_runtime_1.jsx)(button_1.ButtonTonal, Object.assign({}, buttonProps, commonProps)));
+        case constants_1.BUTTON_TYPE.Function:
+            return addTooltip((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({}, buttonProps, commonProps)));
+        case constants_1.BUTTON_TYPE.Simple:
+            return addTooltip((0, jsx_runtime_1.jsx)(button_1.ButtonSimple, Object.assign({}, buttonProps, commonProps)));
+        case constants_1.BUTTON_TYPE.Dropdown: {
+            const { button, dropdown } = buttonProps;
+            return addTooltip((0, jsx_runtime_1.jsx)(ButtonDropdown_1.ButtonDropdown, { button: Object.assign(Object.assign({}, button), commonProps), dropdown: dropdown, layoutType: layoutType }));
+        }
+        case constants_1.BUTTON_TYPE.Kebab: {
+            const { button, list } = buttonProps;
+            return addTooltip((0, jsx_runtime_1.jsx)(ButtonKebab_1.ButtonKebab, { button: Object.assign(Object.assign({}, button), commonProps), list: list, layoutType: layoutType }));
+        }
+        case constants_1.BUTTON_TYPE.Droplist: {
+            const { button, list } = buttonProps;
+            return addTooltip((0, jsx_runtime_1.jsx)(ButtonDroplist_1.ButtonDroplist, { button: Object.assign(Object.assign({}, button), commonProps), list: list, layoutType: layoutType }));
+        }
+        case constants_1.BUTTON_TYPE.Quota: {
+            return addTooltip((0, jsx_runtime_1.jsx)(uikit_product_quota_1.QuotaDropdown, Object.assign({}, buttonProps, commonProps, { layoutType: layoutType })));
+        }
+        default:
+            return null;
+    }
+}

package/dist/cjs/helperComponents/Actions/DesktopActions.d.ts

@@ -0,0 +1,2 @@
+import { ActionsProps } from './types';
+export declare function DesktopActions({ items }: Pick<ActionsProps, 'items'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/helperComponents/Actions/DesktopActions.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesktopActions = DesktopActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ActionView_1 = require("./ActionView");
+const helpers_1 = require("./helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DesktopActions({ items }) {
+    if (!(0, helpers_1.hasVisibleActions)(items)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.desktopActionsWrapper, children: items.map((action, index) => ((0, react_1.createElement)(ActionView_1.ActionView, Object.assign({}, action, { key: index, layoutType: 'desktop', commonProps: {
+                className: styles_module_scss_1.default.button,
+            } })))) }));
+}

package/dist/cjs/helperComponents/Actions/MobileActions.d.ts

@@ -0,0 +1,2 @@
+import { ActionsProps } from './types';
+export declare function MobileActions({ items, maxVisibleItems }: ActionsProps): import("react/jsx-runtime").JSX.Element | null;