@cloud-ru/uikit-product-widget 0.9.4

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

@@ -0,0 +1,56 @@
+.widget{
+  box-sizing:border-box;
+  display:flex;
+  flex-direction:column;
+  gap:calc(var(--dimension-1m, 8px) + var(--dimension-050m, 4px));
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-radius:calc(var(--dimension-1m, 8px) + var(--dimension-050m, 4px));
+  padding:var(--dimension-2m, 16px);
+}
+
+.widgetHeader{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  gap:var(--dimension-1m, 8px);
+  min-width:0;
+}
+
+.titleClickable{
+  flex:1;
+  min-width:0;
+}
+
+.widgetContent{
+  color:var(--sys-neutral-text-main, #41424e);
+  min-height:0;
+}
+
+.actionsWrapper{
+  flex-shrink:0;
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.actionsWide{
+  justify-content:flex-end;
+}
+
+.skeletonContent{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+}
+
+.skeletonHeader{
+  flex:1;
+  min-width:0;
+}
+
+.skeletonActions{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+  width:100%;
+}

package/dist/cjs/components/Widget/types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { TitleClickableProps } from '@sbercloud/uikit-product-title-clickable';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import type { InfoBlockProps } from '@snack-uikit/info-block';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { Action } from '../../helperComponents/Actions/types';
+export type WidgetState = 'default' | 'loading' | 'error';
+export type WidgetHeaderProps = Pick<TitleClickableProps, 'title' | 'icon' | 'avatar' | 'href' | 'target' | 'onClick' | 'titleTag' | 'fullWidth' | 'children' | 'className'>;
+export type WidgetLoadingStateProps = {
+    loadingContent?: ReactNode;
+    showSkeleton?: boolean;
+};
+export type WidgetErrorStateProps = {
+    errorTitle?: string;
+    errorDescription?: string;
+    errorIcon?: InfoBlockProps['icon'];
+};
+export type WidgetProps = WithLayoutType<WithSupportProps<{
+    header: WidgetHeaderProps;
+    children: ReactNode;
+    actions?: Action[];
+    wide?: boolean;
+    state?: WidgetState;
+    loadingState?: WidgetLoadingStateProps;
+    errorState?: WidgetErrorStateProps;
+    className?: string;
+}>>;

package/dist/cjs/components/Widget/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,3 @@
+export * from './ProductsWidget';
+export * from './SolutionsWidget';
+export * from './Widget';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"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("./ProductsWidget"), exports);
+__exportStar(require("./SolutionsWidget"), exports);
+__exportStar(require("./Widget"), 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 | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

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

@@ -0,0 +1,49 @@
+"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 button_1 = require("@snack-uikit/button");
+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.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 }));
+        }
+        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 }: ActionsProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileActions = MobileActions;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = 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_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const button_1 = require("@snack-uikit/button");
+const utils_1 = require("@snack-uikit/utils");
+const ActionView_1 = require("./ActionView");
+const constants_1 = require("./constants");
+const helpers_1 = require("./helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileActions({ items }) {
+    const containerRef = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const { visibleItems, hiddenItems } = (0, utils_1.useDynamicList)({ parentContainerRef: containerRef, items, maxVisibleItems: 2 });
+    if (!(0, helpers_1.hasVisibleActions)(items)) {
+        return null;
+    }
+    const hiddenItemsWithKebab = hiddenItems.concat(visibleItems.filter(item => item.variant === 'kebab'));
+    const visibleItemsWithoutKebab = visibleItems.filter(item => item.variant !== 'kebab');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileActionsWrapper, ref: containerRef, children: [hiddenItemsWithKebab.length > 0 && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDroplist, { open: isOpen, onOpenChange: setIsOpen, items: hiddenItemsWithKebab.reduce((acc, action) => {
+                    var _a;
+                    switch (action.variant) {
+                        case constants_1.BUTTON_TYPE.Tonal:
+                        case constants_1.BUTTON_TYPE.Simple:
+                        case constants_1.BUTTON_TYPE.Outline:
+                        case constants_1.BUTTON_TYPE.Function:
+                        case constants_1.BUTTON_TYPE.Filled: {
+                            acc.push(Object.assign(Object.assign({}, action), { content: { option: (_a = action.label) !== null && _a !== void 0 ? _a : '' }, onClick: event => {
+                                    var _a;
+                                    setIsOpen(false);
+                                    (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, event);
+                                }, beforeContent: action === null || action === void 0 ? void 0 : action.icon, itemWrapRender: action.tooltip
+                                    ? item => {
+                                        var _a, _b;
+                                        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.MobileTooltip, Object.assign({ tip: (_b = (_a = action.tooltip) === null || _a === void 0 ? void 0 : _a.tip) !== null && _b !== void 0 ? _b : '' }, action.tooltip, { children: item })));
+                                    }
+                                    : undefined }));
+                            break;
+                        }
+                        case constants_1.BUTTON_TYPE.Droplist:
+                        case constants_1.BUTTON_TYPE.Kebab: {
+                            const needDivider = Boolean(action.variant === 'droplist' && (action === null || action === void 0 ? void 0 : action.button.label)) || acc.length > 0;
+                            acc.push(Object.assign(Object.assign({}, action), { type: 'group', label: action.variant === 'droplist' ? action === null || action === void 0 ? void 0 : action.button.label : undefined, divider: needDivider, items: action.list.items.map(item => (Object.assign(Object.assign({}, item), { onClick: event => {
+                                        var _a;
+                                        setIsOpen(false);
+                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                                        // @ts-expect-error
+                                        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, event);
+                                    } }))) }));
+                            break;
+                        }
+                        default: {
+                            break;
+                        }
+                    }
+                    return acc;
+                }, []), children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.KebabSVG, {}), size: 's' }) })), visibleItemsWithoutKebab.map((action, index) => ((0, react_1.createElement)(ActionView_1.ActionView, Object.assign({}, action, { key: index, layoutType: 'mobile', commonProps: {
+                    className: styles_module_scss_1.default.button,
+                    size: 's',
+                    fullWidth: true,
+                } }))))] }));
+}

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

@@ -0,0 +1,9 @@
+export declare const BUTTON_TYPE: {
+    readonly Filled: "filled";
+    readonly Outline: "outline";
+    readonly Tonal: "tonal";
+    readonly Function: "function";
+    readonly Simple: "simple";
+    readonly Droplist: "droplist";
+    readonly Kebab: "kebab";
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_TYPE = void 0;
+exports.BUTTON_TYPE = {
+    Filled: 'filled',
+    Outline: 'outline',
+    Tonal: 'tonal',
+    Function: 'function',
+    Simple: 'simple',
+    Droplist: 'droplist',
+    Kebab: 'kebab',
+};

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

@@ -0,0 +1,2 @@
+import { Action } from './types';
+export declare function hasVisibleActions(actions: Action[]): boolean;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasVisibleActions = hasVisibleActions;
+function hasVisibleActions(actions) {
+    return actions.some(action => !action.hidden);
+}

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

@@ -0,0 +1,3 @@
+export * from './DesktopActions';
+export * from './MobileActions';
+export * from './types';

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

@@ -0,0 +1,19 @@
+"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("./DesktopActions"), exports);
+__exportStar(require("./MobileActions"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/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/cjs/helperComponents/Actions/types.d.ts

@@ -0,0 +1,30 @@
+import { TooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+import { ButtonFilledProps, ButtonFunctionProps, ButtonOutlineProps, ButtonSimpleProps, ButtonTonalProps } from '@snack-uikit/button';
+import { ButtonDroplistProps } from '../ButtonDroplist';
+import { ButtonKebabProps } from '../ButtonKebab';
+import { BUTTON_TYPE } from './constants';
+type ButtonKebabPropsWithoutLayout = Omit<ButtonKebabProps, 'layoutType'>;
+type ButtonDroplistWithoutLayout = Omit<ButtonDroplistProps, '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.Kebab;
+} & ButtonKebabPropsWithoutLayout) | ({
+    variant: typeof BUTTON_TYPE.Droplist;
+} & ButtonDroplistWithoutLayout));
+export type ActionsProps = {
+    items: Action[];
+    maxVisibleItems?: number;
+};
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/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/cjs/helperComponents/ButtonDropdown/ButtonDropdown.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonDropdown = ButtonDropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const button_1 = require("@snack-uikit/button");
+const utils_1 = require("@snack-uikit/utils");
+function ButtonDropdown({ layoutType, button, dropdown }) {
+    const [open, onOpenChange] = (0, utils_1.useValueControl)({ onChange: dropdown.onOpenChange, value: dropdown.open });
+    const Icon = open ? uikit_product_icons_1.ChevronUpSVG : uikit_product_icons_1.ChevronDownSVG;
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.AdaptiveDropdown, Object.assign({}, dropdown, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({}, button, { icon: (0, jsx_runtime_1.jsx)(Icon, {}), iconPosition: 'after', appearance: 'neutral' })) })));
+}

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

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

package/dist/cjs/helperComponents/ButtonDropdown/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("./ButtonDropdown"), exports);

package/dist/cjs/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/cjs/helperComponents/ButtonDroplist/ButtonDroplist.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonDroplist = ButtonDroplist;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 button_1 = require("@snack-uikit/button");
+const utils_1 = require("@snack-uikit/utils");
+function ButtonDroplist({ layoutType, button, list }) {
+    var _a;
+    const [open, onOpenChange] = (0, utils_1.useValueControl)({ onChange: list.onOpenChange, value: list.open });
+    const Icon = open ? uikit_product_icons_1.ChevronUpSVG : uikit_product_icons_1.ChevronDownSVG;
+    const buttonType = (_a = button.buttonType) !== null && _a !== void 0 ? _a : 'function';
+    const Button = buttonType === 'filled' ? button_1.ButtonFilled : button_1.ButtonFunction;
+    const buttonProps = (0, react_1.useMemo)(() => buttonType === 'filled' ? button : Object.assign(Object.assign({}, button), { appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(Icon, {}), iconPosition: 'after' }), [buttonType, button, Icon]);
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.AdaptiveDroplist, Object.assign({}, list, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, selection: {
+            mode: 'single',
+            value: 'null',
+        }, size: 's', children: (0, jsx_runtime_1.jsx)(Button, Object.assign({}, buttonProps)) })));
+}

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

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

package/dist/cjs/helperComponents/ButtonDroplist/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("./ButtonDroplist"), exports);

package/dist/cjs/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/cjs/helperComponents/ButtonKebab/ButtonKebab.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonKebab = ButtonKebab;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const button_1 = require("@snack-uikit/button");
+const utils_1 = require("@snack-uikit/utils");
+function ButtonKebab({ layoutType, button, list }) {
+    const [open, onOpenChange] = (0, utils_1.useValueControl)({ onChange: list.onOpenChange, value: list.open });
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.AdaptiveDroplist, Object.assign({}, list, { open: open, onOpenChange: onOpenChange, layoutType: layoutType, selection: {
+            mode: 'single',
+            value: 'null',
+        }, placement: 'bottom-end', size: 's', children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({}, button, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.KebabSVG, {}), appearance: 'neutral' })) })));
+}

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

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

package/dist/cjs/helperComponents/ButtonKebab/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("./ButtonKebab"), exports);

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

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

package/dist/cjs/helperComponents/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("./Actions"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/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("./components"), exports);

package/dist/esm/components/ProductsWidget/ProductsWidget.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { CarouselProps } from '@sbercloud/uikit-product-mobile-carousel';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type ProductsWidgetProps = WithLayoutType<Pick<CarouselProps, 'arrows' | 'pagination'> & WithSupportProps<{
+    loading?: boolean;
+    cards: ReactNode[];
+    columnSize?: number;
+    rowSize?: number;
+}>>;
+export declare function ProductsWidget({ layoutType, cards, loading, columnSize: columnSizeProp, rowSize: rowSizeProp, arrows, pagination, ...rest }: ProductsWidgetProps): import("react/jsx-runtime").JSX.Element;