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

package/dist/esm/helperComponents/Actions/styles.module.css

@@ -0,0 +1,35 @@
+.desktopActionsWrapper{
+  display:flex;
+  flex-direction:row-reverse;
+  align-items:center;
+  flex-shrink:0;
+  gap:var(--dimension-1m, 8px);
+  height:100%;
+}
+
+.mobileActionsWrapper{
+  display:flex;
+  gap:8px;
+  flex-shrink:0;
+  width:100%;
+  justify-content:stretch;
+  overflow-y:auto;
+  flex-direction:row-reverse;
+  -ms-overflow-style:none;
+  scrollbar-width:none;
+}
+.mobileActionsWrapper::-webkit-scrollbar{
+  display:none;
+}
+
+.button{
+  white-space:nowrap;
+}
+.button[data-full-width]:not([data-variant=icon-only]){
+  flex-shrink:0;
+  width:auto;
+}
+.button[data-variant=icon-only]{
+  flex-grow:0;
+  flex-shrink:0;
+}

package/dist/esm/helperComponents/Actions/types.d.ts

@@ -0,0 +1,38 @@
+import { TooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+import { QuotaDropdownProps } from '@sbercloud/uikit-product-quota';
+import { ButtonFilledProps, ButtonFunctionProps, ButtonOutlineProps, ButtonSimpleProps, ButtonTonalProps } from '@snack-uikit/button';
+import { ButtonDropdownProps } from '../ButtonDropdown';
+import { ButtonDroplistProps } from '../ButtonDroplist';
+import { ButtonKebabProps } from '../ButtonKebab';
+import { BUTTON_TYPE } from './constants';
+type ButtonDropdownPropsWithoutLayout = Omit<ButtonDropdownProps, 'layoutType'>;
+type ButtonKebabPropsWithoutLayout = Omit<ButtonKebabProps, 'layoutType'>;
+type ButtonDroplistWithoutLayout = Omit<ButtonDroplistProps, 'layoutType'>;
+type ButtonQuotaDropdownWithoutLayout = Omit<QuotaDropdownProps, 'layoutType'>;
+export type Action = {
+    tooltip?: TooltipProps;
+    hidden?: boolean;
+} & (({
+    variant?: typeof BUTTON_TYPE.Filled;
+} & ButtonFilledProps) | ({
+    variant: typeof BUTTON_TYPE.Outline;
+} & ButtonOutlineProps) | ({
+    variant: typeof BUTTON_TYPE.Tonal;
+} & ButtonTonalProps) | ({
+    variant: typeof BUTTON_TYPE.Function;
+} & ButtonFunctionProps) | ({
+    variant: typeof BUTTON_TYPE.Simple;
+} & ButtonSimpleProps) | ({
+    variant: typeof BUTTON_TYPE.Dropdown;
+} & ButtonDropdownPropsWithoutLayout) | ({
+    variant: typeof BUTTON_TYPE.Kebab;
+} & ButtonKebabPropsWithoutLayout) | ({
+    variant: typeof BUTTON_TYPE.Droplist;
+} & ButtonDroplistWithoutLayout) | ({
+    variant: typeof BUTTON_TYPE.Quota;
+} & ButtonQuotaDropdownWithoutLayout));
+export type ActionsProps = {
+    items: Action[];
+    maxVisibleItems?: number;
+};
+export {};

package/dist/esm/helperComponents/Actions/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/helperComponents/ButtonDropdown/ButtonDropdown.d.ts

@@ -0,0 +1,8 @@
+import { AdaptiveDropdownProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ButtonFunctionProps } from '@snack-uikit/button';
+export type ButtonDropdownProps = WithLayoutType<{
+    button: Omit<ButtonFunctionProps, 'icon' | 'iconPosition' | 'appearance'>;
+    dropdown: Omit<AdaptiveDropdownProps, 'children' | 'layoutType' | 'placement'>;
+}>;
+export declare function ButtonDropdown({ layoutType, button, dropdown }: ButtonDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/ButtonDropdown/ButtonDropdown.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDownSVG, ChevronUpSVG } from '@sbercloud/uikit-product-icons';
+import { AdaptiveDropdown } from '@sbercloud/uikit-product-mobile-dropdown';
+import { ButtonFunction } from '@snack-uikit/button';
+import { useValueControl } from '@snack-uikit/utils';
+export function ButtonDropdown({ layoutType, button, dropdown }) {
+    const [open, onOpenChange] = useValueControl({ onChange: dropdown.onOpenChange, value: dropdown.open });
+    const Icon = open ? ChevronUpSVG : ChevronDownSVG;
+    return (_jsx(AdaptiveDropdown, Object.assign({}, dropdown, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, children: _jsx(ButtonFunction, Object.assign({}, button, { icon: _jsx(Icon, {}), iconPosition: 'after', appearance: 'neutral' })) })));
+}

package/dist/esm/helperComponents/ButtonDropdown/index.d.ts

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

package/dist/esm/helperComponents/ButtonDropdown/index.js

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

package/dist/esm/helperComponents/ButtonDroplist/ButtonDroplist.d.ts

@@ -0,0 +1,12 @@
+import { AdaptiveDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ButtonFilledProps, ButtonFunctionProps } from '@snack-uikit/button';
+export type ButtonDroplistProps = WithLayoutType<{
+    button: (Omit<ButtonFilledProps, 'appearance'> & {
+        buttonType?: 'filled';
+    }) | (Omit<ButtonFunctionProps, 'icon' | 'iconPosition' | 'appearance'> & {
+        buttonType?: 'function';
+    });
+    list: Pick<AdaptiveDroplistProps, 'items' | 'closeDroplistOnItemClick' | 'className' | 'open' | 'onOpenChange'>;
+}>;
+export declare function ButtonDroplist({ layoutType, button, list }: ButtonDroplistProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/ButtonDroplist/ButtonDroplist.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ChevronDownSVG, ChevronUpSVG } from '@sbercloud/uikit-product-icons';
+import { AdaptiveDroplist } from '@sbercloud/uikit-product-mobile-dropdown';
+import { ButtonFilled, ButtonFunction } from '@snack-uikit/button';
+import { useValueControl } from '@snack-uikit/utils';
+export function ButtonDroplist({ layoutType, button, list }) {
+    var _a;
+    const [open, onOpenChange] = useValueControl({ onChange: list.onOpenChange, value: list.open });
+    const Icon = open ? ChevronUpSVG : ChevronDownSVG;
+    const buttonType = (_a = button.buttonType) !== null && _a !== void 0 ? _a : 'function';
+    const Button = buttonType === 'filled' ? ButtonFilled : ButtonFunction;
+    const buttonProps = useMemo(() => buttonType === 'filled' ? button : Object.assign(Object.assign({}, button), { appearance: 'neutral', icon: _jsx(Icon, {}), iconPosition: 'after' }), [buttonType, button, Icon]);
+    return (_jsx(AdaptiveDroplist, Object.assign({}, list, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, selection: {
+            mode: 'single',
+            value: 'null',
+        }, size: 'm', children: _jsx(Button, Object.assign({}, buttonProps)) })));
+}

package/dist/esm/helperComponents/ButtonDroplist/index.d.ts

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

package/dist/esm/helperComponents/ButtonDroplist/index.js

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

package/dist/esm/helperComponents/ButtonKebab/ButtonKebab.d.ts

@@ -0,0 +1,8 @@
+import { AdaptiveDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ButtonOutlineProps } from '@snack-uikit/button';
+export type ButtonKebabProps = WithLayoutType<{
+    button?: Omit<ButtonOutlineProps, 'label' | 'icon'>;
+    list: Pick<AdaptiveDroplistProps, 'items' | 'closeDroplistOnItemClick' | 'open' | 'onOpenChange' | 'className'>;
+}>;
+export declare function ButtonKebab({ layoutType, button, list }: ButtonKebabProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/ButtonKebab/ButtonKebab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { KebabSVG } from '@sbercloud/uikit-product-icons';
+import { AdaptiveDroplist } from '@sbercloud/uikit-product-mobile-dropdown';
+import { ButtonOutline } from '@snack-uikit/button';
+import { useValueControl } from '@snack-uikit/utils';
+export function ButtonKebab({ layoutType, button, list }) {
+    const [open, onOpenChange] = useValueControl({ onChange: list.onOpenChange, value: list.open });
+    return (_jsx(AdaptiveDroplist, Object.assign({}, list, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, selection: {
+            mode: 'single',
+            value: 'null',
+        }, placement: 'bottom-end', size: 'm', children: _jsx(ButtonOutline, Object.assign({}, button, { icon: _jsx(KebabSVG, {}), appearance: 'neutral' })) })));
+}

package/dist/esm/helperComponents/ButtonKebab/index.d.ts

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

package/dist/esm/helperComponents/ButtonKebab/index.js

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

package/dist/esm/helperComponents/Headline/Headline.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type HeadlineProps = {
+    title: string;
+    beforeHeadline?: ReactNode;
+    afterHeadline?: ReactNode;
+    moreActions?: ReactNode;
+    subHeader?: ReactNode;
+};
+export declare function Headline({ title, beforeHeadline, afterHeadline, subHeader, moreActions }: HeadlineProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Headline/Headline.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './styles.module.css';
+export function Headline({ title, beforeHeadline, afterHeadline, subHeader, moreActions }) {
+    return (_jsxs("div", { className: styles.headline, children: [_jsxs("div", { className: styles.titleLayout, children: [beforeHeadline && _jsx("div", { className: styles.prefixButtonWrapper, children: beforeHeadline }), _jsx("h1", { className: styles.title, children: title }), moreActions] }), afterHeadline && _jsx("div", { className: styles.statusWrapper, children: afterHeadline }), subHeader && _jsx("div", { className: styles.subHeader, children: subHeader })] }));
+}

package/dist/esm/helperComponents/Headline/index.d.ts

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

package/dist/esm/helperComponents/Headline/index.js

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

package/dist/esm/helperComponents/Headline/styles.module.css

@@ -0,0 +1,51 @@
+.headline{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}
+
+.headlineLayout{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-1m, 8px);
+  align-items:flex-start;
+}
+
+.titleLayout{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-050m, 4px);
+  align-items:flex-start;
+  flex-grow:1;
+}
+
+.title{
+  font-family:var(--sans-headline-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-headline-s-font-weight, Semibold);
+  line-height:var(--sans-headline-s-line-height, 32px);
+  font-size:var(--sans-headline-s-font-size, 24px);
+  letter-spacing:var(--sans-headline-s-letter-spacing, -0.5px);
+  paragraph-spacing:var(--sans-headline-s-paragraph-spacing, 13.2px);
+  color:var(--sys-neutral-text-main, #41424e);
+  margin:0;
+  word-break:break-word;
+  flex:1;
+}
+
+.prefixButtonWrapper{
+  display:flex;
+  align-items:center;
+  height:var(--sans-headline-m-line-height, 36px);
+  flex-shrink:0;
+}
+
+.statusWrapper{
+  display:flex;
+  align-items:center;
+  height:var(--sans-headline-m-line-height, 36px);
+  flex-shrink:0;
+}
+
+.subHeader{
+  margin-top:8px;
+}

package/dist/esm/helperComponents/SidebarSelect/SidebarSelect.d.ts

@@ -0,0 +1,13 @@
+import { MobileDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { SidebarItem } from './types';
+export type SidebarSelectProps = WithSupportProps<{
+    items: SidebarItem[];
+    footerItems?: SidebarItem[];
+    selected?: string | number;
+    onSelect?(id: string | number): void;
+    className?: string;
+    collapse?: MobileDroplistProps['collapse'];
+    hasSearch?: boolean;
+}>;
+export declare function SidebarSelect({ className, items, footerItems, selected, onSelect, collapse, hasSearch, ...otherProps }: SidebarSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/SidebarSelect/SidebarSelect.js

@@ -0,0 +1,45 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { useMemo, useState } from 'react';
+import { ChevronDownSVG, ChevronUpSVG } from '@sbercloud/uikit-product-icons';
+import { MobileDroplist } from '@sbercloud/uikit-product-mobile-dropdown';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { extractSupportProps } from '@snack-uikit/utils';
+import { MobileBlockBasic } from '../../components';
+import { useItemsContent, useSearchFilter, useSelectedItem } from './hooks';
+import styles from './styles.module.css';
+export function SidebarSelect(_a) {
+    var _b, _c;
+    var { className, items, footerItems = [], selected, onSelect, collapse, hasSearch } = _a, otherProps = __rest(_a, ["className", "items", "footerItems", "selected", "onSelect", "collapse", "hasSearch"]);
+    const [searchValue, setSearchValue] = useState('');
+    const { filteredList, searchCollapseState } = useSearchFilter(items, searchValue);
+    const list = useItemsContent(filteredList, onSelect);
+    const footerList = useItemsContent(footerItems);
+    const [isOpen, setIsOpen] = useState(false);
+    const selectedItem = useSelectedItem(items, selected);
+    const selectedCollapsedState = useMemo(() => {
+        if (selectedItem.item) {
+            return { defaultValue: selectedItem.path };
+        }
+    }, [selectedItem.item, selectedItem.path]);
+    const handleSelect = (value) => {
+        if (value) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(value);
+        }
+        setIsOpen(false);
+    };
+    const allItems = useMemo(() => [...list, ...footerList], [list, footerList]);
+    const shouldShowSearch = hasSearch !== null && hasSearch !== void 0 ? hasSearch : (allItems.length > 15 || searchValue);
+    return (_jsx(MobileDroplist, { selection: { mode: 'single', value: selected, onChange: handleSelect }, items: allItems, open: isOpen, onOpenChange: setIsOpen, collapse: searchValue ? searchCollapseState : collapse || selectedCollapsedState, search: shouldShowSearch ? { value: searchValue, onChange: setSearchValue } : undefined, scrollToSelectedItem: true, children: _jsxs(MobileBlockBasic, Object.assign({ className: cn(styles.wrapper, className) }, extractSupportProps(otherProps), { children: [_jsx(TruncateString, { className: styles.triggerText, text: ((_b = selectedItem.item) === null || _b === void 0 ? void 0 : _b.label) || '' }), (_c = selectedItem.item) === null || _c === void 0 ? void 0 : _c.afterContent, isOpen ? _jsx(ChevronUpSVG, {}) : _jsx(ChevronDownSVG, {})] })) }));
+}

package/dist/esm/helperComponents/SidebarSelect/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useItemsContent } from './useItemsContent';
+export { useSelectedItem } from './useSelectedItem';
+export { useSearchFilter } from './useSearchFilter';

package/dist/esm/helperComponents/SidebarSelect/hooks/index.js

@@ -0,0 +1,3 @@
+export { useItemsContent } from './useItemsContent';
+export { useSelectedItem } from './useSelectedItem';
+export { useSearchFilter } from './useSearchFilter';

package/dist/esm/helperComponents/SidebarSelect/hooks/useItemsContent.d.ts

@@ -0,0 +1,3 @@
+import { MobileDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { SidebarItem } from '../types';
+export declare function useItemsContent(items: SidebarItem[], onSelect?: (id: string | number) => void): MobileDroplistProps['items'];

package/dist/esm/helperComponents/SidebarSelect/hooks/useItemsContent.js

@@ -0,0 +1,56 @@
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { MobileTooltip } from '@sbercloud/uikit-product-mobile-tooltip';
+const getItemsContent = (items, onSelect) => items.map((_a) => {
+    var { id, label, onClick, afterContent, beforeContent, disabledReason, disabledReasonPlacement } = _a, rest = __rest(_a, ["id", "label", "onClick", "afterContent", "beforeContent", "disabledReason", "disabledReasonPlacement"]);
+    const href = 'href' in rest ? rest.href : undefined;
+    const newItems = 'items' in rest ? rest.items : undefined;
+    const type = 'type' in rest ? rest.type : undefined;
+    const clickHandler = (event) => {
+        if (href && ((event === null || event === void 0 ? void 0 : event.metaKey) || (event === null || event === void 0 ? void 0 : event.button) === 1)) {
+            return;
+        }
+        event.preventDefault();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (!items.length) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(id);
+        }
+    };
+    if (type === 'group') {
+        return Object.assign(Object.assign({}, rest), { label, type: 'group', items: getItemsContent(newItems || [], onSelect) });
+    }
+    const newItem = {
+        id,
+        content: {
+            option: label,
+        },
+        itemWrapRender: (item) => {
+            if (!disabledReason) {
+                return href ? (_jsx("a", { href: href, onClick: clickHandler, children: item })) : (item);
+            }
+            return (_jsx(MobileTooltip, { hoverDelayOpen: 500, open: disabledReason ? undefined : false, tip: disabledReason, placement: disabledReasonPlacement, children: item }));
+        },
+        onClick: href ? undefined : clickHandler,
+        afterContent,
+        beforeContent,
+        disabled: Boolean(disabledReason),
+    };
+    if (newItems === null || newItems === void 0 ? void 0 : newItems.length) {
+        return Object.assign(Object.assign({}, newItem), { type: 'collapse', items: getItemsContent(newItems || [], onSelect) });
+    }
+    return newItem;
+});
+export function useItemsContent(items, onSelect) {
+    return useMemo(() => getItemsContent(items, onSelect), [items, onSelect]);
+}

package/dist/esm/helperComponents/SidebarSelect/hooks/useSearchFilter.d.ts

@@ -0,0 +1,7 @@
+import { SidebarItem } from '../types';
+export declare const useSearchFilter: (list: SidebarItem[], searchValue: string) => {
+    filteredList: SidebarItem[];
+    searchCollapseState: {
+        value: (string | number)[];
+    };
+};

package/dist/esm/helperComponents/SidebarSelect/hooks/useSearchFilter.js

@@ -0,0 +1,38 @@
+import { useMemo } from 'react';
+const matchString = (value, searchValue) => value.trim().toLowerCase().includes(searchValue.trim().toLowerCase());
+const filterService = (servicesList, searchValue) => {
+    if (!searchValue)
+        return servicesList;
+    return servicesList.reduce((result, service) => {
+        var _a;
+        if (service.label && matchString(service.label, searchValue)) {
+            result.push(service);
+            return result;
+        }
+        if ('items' in service && ((_a = service.items) === null || _a === void 0 ? void 0 : _a.length)) {
+            const items = filterService(service.items, searchValue);
+            if (items.length) {
+                result.push(Object.assign(Object.assign({}, service), { items }));
+            }
+            return result;
+        }
+        return result;
+    }, []);
+};
+const getItemIds = (list) => list.reduce((result, el) => {
+    var _a;
+    result.push(el.id);
+    if ('items' in el && ((_a = el.items) === null || _a === void 0 ? void 0 : _a.length)) {
+        const childItems = getItemIds(el.items);
+        result.push(...childItems);
+    }
+    return result;
+}, []);
+export const useSearchFilter = (list, searchValue) => {
+    const filteredList = useMemo(() => filterService(list, searchValue), [list, searchValue]);
+    const searchCollapseState = useMemo(() => ({ value: getItemIds(filteredList) }), [filteredList]);
+    return {
+        filteredList,
+        searchCollapseState,
+    };
+};

package/dist/esm/helperComponents/SidebarSelect/hooks/useSelectedItem.d.ts

@@ -0,0 +1,7 @@
+import { SidebarItem } from '../types';
+type SelectedItem = {
+    item: SidebarItem | undefined;
+    path: (string | number)[];
+};
+export declare function useSelectedItem(items: SidebarItem[], selected: string | number | undefined): SelectedItem;
+export {};

package/dist/esm/helperComponents/SidebarSelect/hooks/useSelectedItem.js

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+function findSelectedItem(items, selected) {
+    return items.reduce((result, el) => {
+        var _a;
+        if (el.id === selected) {
+            result.path.push(el.id);
+            return Object.assign(Object.assign({}, result), { item: el });
+        }
+        if ('items' in el && ((_a = el.items) === null || _a === void 0 ? void 0 : _a.length)) {
+            const child = findSelectedItem(el.items, selected);
+            if (child.item) {
+                result.path.push(el.id, ...child.path);
+                return Object.assign(Object.assign({}, result), { item: child.item });
+            }
+        }
+        return result;
+    }, { item: undefined, path: [] });
+}
+export function useSelectedItem(items, selected) {
+    return useMemo(() => findSelectedItem(items, selected), [items, selected]);
+}

package/dist/esm/helperComponents/SidebarSelect/index.d.ts

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

package/dist/esm/helperComponents/SidebarSelect/index.js

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

package/dist/esm/helperComponents/SidebarSelect/styles.module.css

@@ -0,0 +1,19 @@
+.wrapper{
+  font-family:var(--sans-body-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-l-font-weight, Regular);
+  line-height:var(--sans-body-l-line-height, 24px);
+  font-size:var(--sans-body-l-font-size, 16px);
+  letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
+  padding:0 calc(var(--dimension-2m, 16px) - var(--dimension-050m, 4px));
+  gap:var(--dimension-1m, 8px);
+  height:var(--dimension-6m, 48px);
+  display:flex;
+  align-items:center;
+  color:var(--sys-neutral-text-support, #6d707f);
+  cursor:pointer;
+}
+
+.triggerText{
+  flex-grow:1;
+}

package/dist/esm/helperComponents/SidebarSelect/types.d.ts

@@ -0,0 +1 @@
+export type { SidebarItem } from '@sbercloud/uikit-product-page-layout';

package/dist/esm/helperComponents/SidebarSelect/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Actions';
+export * from './Headline';
+export * from './SidebarSelect';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,3 @@
+export * from './Actions';
+export * from './Headline';
+export * from './SidebarSelect';

package/dist/esm/helpers/index.d.ts

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

package/dist/esm/helpers/index.js

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

package/dist/esm/helpers/useGetButtonLabel.d.ts

@@ -0,0 +1,2 @@
+import { ButtonPrimaryVariant, ButtonSecondaryVariant } from '@sbercloud/uikit-product-page-layout';
+export declare function useGetButtonLabel(): (variant: ButtonPrimaryVariant | ButtonSecondaryVariant) => string;

package/dist/esm/helpers/useGetButtonLabel.js

@@ -0,0 +1,7 @@
+import { useLocale } from '@sbercloud/uikit-product-locale';
+export function useGetButtonLabel() {
+    const { t } = useLocale('MobileLayout');
+    return function getButtonLabel(variant) {
+        return t(variant);
+    };
+}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@cloud-ru/uikit-product-mobile-layout",
+  "title": "Mobile Layout",
+  "version": "0.20.7",
+  "sideEffects": [
+    "*.css",
+    "*.woff",
+    "*.woff2"
+  ],
+  "description": "",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    "import": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js"
+  },
+  "files": [
+    "dist/esm",
+    "dist/cjs",
+    "src",
+    "./CHANGELOG.md",
+    "./LICENSE"
+  ],
+  "homepage": "https://gitverse.ru/cloud-ru-tech/uikit-product/-/tree/master/packages/mobile-layout",
+  "repository": {
+    "type": "git",
+    "url": "https://gitverse.ru/cloud-ru-tech/uikit-product.git",
+    "directory": "packages/mobile-layout"
+  },
+  "author": {
+    "name": "Akhremenko Grigorii",
+    "url": "https://github.com/AGrigorii"
+  },
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {},
+  "dependencies": {
+    "@cloud-ru/uikit-product-card-predefined": "0.8.12",
+    "@cloud-ru/uikit-product-icons": "15.1.1",
+    "@cloud-ru/uikit-product-layout": "0.19.63",
+    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.21",
+    "@cloud-ru/uikit-product-mobile-modal": "0.9.18",
+    "@cloud-ru/uikit-product-mobile-tooltip": "0.4.65",
+    "@cloud-ru/uikit-product-page-layout": "0.21.3",
+    "@cloud-ru/uikit-product-quota": "0.6.4",
+    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@snack-uikit/button": "0.19.7",
+    "@snack-uikit/card": "0.16.19",
+    "@snack-uikit/counter": "0.8.9",
+    "@snack-uikit/icon-predefined": "0.7.3",
+    "@snack-uikit/truncate-string": "0.6.9",
+    "@snack-uikit/typography": "0.8.4",
+    "@snack-uikit/utils": "3.7.0",
+    "classnames": "2.5.1"
+  },
+  "peerDependencies": {
+    "@cloud-ru/uikit-product-locale": "*"
+  },
+  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+}