@daisforge/ui 1.10.3

package/components/Widget/components/WidgetIconButtonDots.d.ts

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+export declare const WidgetIconButtonDots: ({ dropdownProps, iconSize, iconOrientation, ...props }: (import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        accent: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        secondary: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        clear: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        positive: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        warning: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        negative: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        black: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        white: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        xxs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    disabled: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    focused: {
+        true: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & ((Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import('react').RefAttributes<HTMLButtonElement>) | (Omit<import('react').ButtonHTMLAttributes<HTMLElement>, "value"> & import('@salutejs/plasma-new-hope').AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import('react').ReactNode;
+    contentPlacing?: "default" | "relaxed" | undefined;
+    additionalContent?: import('react').ReactNode;
+    isLoading?: boolean | undefined;
+    loader?: import('react').ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: "fixed" | "auto" | "filled" | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    appearance?: "default" | "outline" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLButtonElement>))) & {
+    dropdownProps?: (Omit<import('@salutejs/plasma-new-hope').DropdownProps<import('@salutejs/plasma-new-hope').DropdownItemOption>, "size" | "view"> & Pick<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+        size: {
+            m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+            s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+            xs: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        };
+        view: {
+            default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        };
+    }> & {
+        items: import('@salutejs/plasma-new-hope').DropdownItemOption[];
+        trigger?: import('@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js').DropdownTrigger | undefined;
+        placement?: import('@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js').DropdownPlacement | undefined;
+        children?: import('react').ReactNode;
+        variant?: "normal" | "tight" | undefined;
+        zIndex?: import("csstype").Property.ZIndex | undefined;
+        listMaxHeight?: import("csstype").Property.Height<string | number> | undefined;
+        listWidth?: import("csstype").Property.Width<string | number> | undefined;
+        portal?: string | import('react').RefObject<HTMLElement | null> | undefined;
+        renderItem?: ((item: import('@salutejs/plasma-new-hope').DropdownItemOption) => import('react').ReactNode) | undefined;
+        beforeList?: import('react').ReactNode;
+        afterList?: import('react').ReactNode;
+        onToggle?: ((isOpen: boolean, event?: Event | import('react').SyntheticEvent<Element, Event> | undefined) => void) | undefined;
+        alwaysOpened?: boolean | undefined;
+        onHover?: ((index: number, item: import('@salutejs/plasma-new-hope').DropdownItemOption) => void) | undefined;
+        onItemSelect?: ((item: import('@salutejs/plasma-new-hope').DropdownItemOption, event: import('react').SyntheticEvent<Element, Event>) => void) | undefined;
+        openByRightClick?: boolean | undefined;
+        offset?: [number, number] | undefined;
+        closeOnSelect?: boolean | undefined;
+        closeOnOverlayClick?: boolean | undefined;
+        itemRole?: string | undefined;
+        disabled?: boolean | undefined;
+        size?: string | undefined;
+        view?: string | undefined;
+    } & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>, "size" | "view"> & import('react').RefAttributes<HTMLButtonElement>) | undefined;
+    iconSize?: "s" | "m" | "xs" | undefined;
+    iconOrientation?: "horizontal" | "vertical" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/Widget/components/WidgetServiceButtons.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { IconButton } from '../../IconButton';
+import { Box, BoxProps } from '../../Box';
+
+export declare const StyledServiceButtons: typeof Box;
+export declare const WidgetServiceButtons: ({ fullScreened, toggleFullScreened, onClose, iconButtonsPin, ...restProps }: BoxProps & {
+    iconButtonsPin?: ComponentProps<typeof IconButton>['pin'];
+    fullScreened?: boolean | null;
+    toggleFullScreened?: () => void;
+    onClose?: undefined | (() => void);
+}) => import("react/jsx-runtime").JSX.Element;

package/components/Widget/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@salutejs/sdds-finai"),a=require("../../constants/index.cjs"),u=require("styled-components"),i=require("../../chunks/vendor-D8Dozc4m.cjs"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),f=require("../Box/index.cjs"),_=require("../../chunks/AnalyticalWidget-B7ClAsdR.cjs"),j=require("../../chunks/utils-DN3rU1Iu.cjs"),h=require("@salutejs/plasma-icons"),N=require("react"),q=require("../IconButton/index.cjs"),D={spaceX2:()=>a.s.x2},v=u(p.Divider).attrs({length:"16px",orientation:"vertical"}).withConfig({displayName:"WidgetDivider"})(["margin-left:",";margin-right:calc("," + 1px);"],D.spaceX2,D.spaceX2),s="Widget__",e={container:`${s}container`,serviceButtons:`${s}service-buttons`,header:`${s}header`,headerTitlesContainer:`${s}header-title-container`,backIconButton:`${s}back-icon-button`,headerTitlesBox:`${s}header-titles-box`,headerTitle:`${s}header-title`,headerSlotToTheLeftOfTitle:`${s}header-slot-to-the-left-of-title`,headerSubTitle:`${s}header-subTitle`,headerRightBlock:`${s}header-right-block`,headerBottomBlock:`${s}header-bottom-block`,headerBadge:`${s}header-badge`,footer:`${s}footer`,footerTopBlock:`${s}footer-top-block`,slotBlock:`${s}footer-slot`,footerLeft:`${s}footer-left`,footerRight:`${s}footer-right`,content:`${s}content`,containerTypeDefault:`${s}default`,containerTypeModal:`${s}modal`,containerTypeSplitView:`${s}split-view`},o={spaceY:()=>a.s.x8,spaceX:()=>a.s.x8,spaceX12:()=>a.s.x12,spaceX2:()=>a.s.x2,spaceX4:()=>a.s.x4,spaceX8:()=>a.s.x8,spaceX16:()=>a.s.x16,bg:()=>l.surfaceSolidCard,textSecondary:()=>l.textSecondary,bodyS:()=>l.bodyS,textPrimary:()=>l.textPrimary,h4Bold:()=>l.h4Bold},P=u.div.attrs({className:e.container}).withConfig({displayName:"Widgetstyled__StyledContainer"})(["height:100%;display:flex;flex-direction:column;overflow:hidden;margin-block:",";max-height:calc(100% - "," - ",");&:not(:has(.",")){overflow-y:scroll;& .","{position:sticky;background-color:",";top:0px;}}&.","{& .",",& .","{padding-right:",";}& .","{margin-right:",";}}",""],o.spaceY,o.spaceY,o.spaceY,e.content,e.header,o.bg,e.containerTypeSplitView,e.header,e.footer,o.spaceX16,e.content,o.spaceX16,({$css:t})=>t),M=u(f.Box).attrs({className:e.header}).withConfig({displayName:"Widgetstyled__StyledHeader"})(["&.","{flex-shrink:0;height:fit-content;padding-inline:",";padding-bottom:",";margin-bottom:",";",";display:grid;grid-template-columns:1fr auto;grid-template-areas:'"," ","' '"," ","';column-gap:",";& .","{grid-area:",";display:flex;gap:",";align-content:flex-start;}& .","{display:flex;flex-direction:column;row-gap:",";& .","{padding:0px;margin:0px;color:",";",";display:flex;align-items:center;gap:",";}& .","{padding:0px;margin:0px;color:",";",";}}& .","{flex-shrink:0;}& .","{grid-area:",";display:flex;height:fit-content;align-items:center;margin-bottom:auto;}& .","{grid-area:",";margin-top:",";}}"],e.header,o.spaceX,o.spaceY,o.spaceX4,({dividerBottom:t})=>t&&u.css(["border-bottom:1px solid ",";"],l.outlineSolidPrimary),e.headerTitlesContainer,e.headerRightBlock,e.headerBottomBlock,e.headerBottomBlock,o.spaceX12,e.headerTitlesContainer,e.headerTitlesContainer,o.spaceX8,e.headerTitlesBox,o.spaceX2,e.headerTitle,o.textPrimary,o.h4Bold,o.spaceX4,e.headerSubTitle,o.textSecondary,o.bodyS,e.backIconButton,e.headerRightBlock,e.headerRightBlock,e.headerBottomBlock,e.headerBottomBlock,o.spaceX),E=u(f.Box).attrs({className:e.content}).withConfig({displayName:"Widgetstyled__StyledContent"})(["&{flex-grow:1;overflow-y:auto;overflow-x:hidden;border-radius:",";padding-left:",";margin-right:",";&:last-child{padding-bottom:0;}}"],a.br.xs,o.spaceX,o.spaceX),L=u(f.Box).attrs({className:e.footer}).withConfig({displayName:"Widgetstyled__StyledFooter"})(["&.","{flex-shrink:0;height:fit-content;",";padding-inline:",";padding-top:",";margin-top:",";display:grid;grid-template-columns:auto auto;grid-template-areas:'"," ","' '"," ","';column-gap:",";.","{grid-area:",";}.","{grid-area:",";margin-bottom:",";}.","{justify-self:start;align-self:center;grid-area:",";}.","{justify-self:end;grid-area:",";}}"],e.footer,({dividerTop:t})=>t&&u.css(["border-top:1px solid ",";"],l.outlineSolidPrimary),o.spaceX,o.spaceY,o.spaceX4,e.footerTopBlock,e.footerTopBlock,e.footerLeft,e.footerRight,o.spaceX12,e.slotBlock,e.footerTopBlock,e.footerTopBlock,e.footerTopBlock,o.spaceX,e.footerLeft,e.footerLeft,e.footerRight,e.footerRight),O=u(p.Badge).attrs({view:"default"}).withConfig({displayName:"Widgetstyled__StyledBadge"})(["align-self:flex-start;margin-top:",";"],t=>t.$badgeMarginTop?`${t.$badgeMarginTop}px`:"0");function w({leftBlock:t,rightBlock:n,topBlock:r,children:d,...c}){return i.jsxDevRuntimeExports.jsxDEV(L,{...c,children:d?i.jsxDevRuntimeExports.jsxDEV("div",{className:e.slotBlock,children:d},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:22,columnNumber:7},this):i.jsxDevRuntimeExports.jsxDEV(i.jsxDevRuntimeExports.Fragment,{children:[!!r&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.footerTopBlock,children:r},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:25,columnNumber:26},this),!!t&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.footerLeft,children:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:26,columnNumber:27},this),!!n&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.footerRight,children:n},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:27,columnNumber:28},this)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:24,columnNumber:7},this)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",lineNumber:20,columnNumber:5},this)}const b=({iconSize:t,...n})=>i.jsxDevRuntimeExports.jsxDEV(p.IconButton,{view:"secondary",size:"s",pin:"circle-circle",className:e.backIconButton,...n,children:i.jsxDevRuntimeExports.jsxDEV(h.IconArrowLeft,{size:t??"s",...t&&{size:t}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetIconButtonBack.tsx",lineNumber:22,columnNumber:5},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetIconButtonBack.tsx",lineNumber:15,columnNumber:1},void 0),T=N.createContext("default"),Y=()=>{const t=N.useContext(T);if(!t)throw new Error("useContextMenu used outside Provider");return t},z=u(f.Box).attrs({className:e.serviceButtons}).withConfig({displayName:"WidgetServiceButtons__StyledServiceButtons"})(["display:inline-flex;column-gap:",";"],()=>a.s.x2),W=({fullScreened:t,toggleFullScreened:n,onClose:r,iconButtonsPin:d,...c})=>{const k=typeof t=="boolean",g=Y(),m=d??(g==="splitView"?"square-square":"circle-circle"),x=t?h.IconFullscreenOff:h.IconFullscreenOn;return i.jsxDevRuntimeExports.jsxDEV(z,{...c,children:[k&&i.jsxDevRuntimeExports.jsxDEV(p.IconButton,{onClick:n??void 0,size:"xs",view:"secondary",pin:m,title:t?"Выйти из полноэкранного режима":"На весь экран",children:i.jsxDevRuntimeExports.jsxDEV(x,{size:"xs"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",lineNumber:53,columnNumber:11},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",lineNumber:44,columnNumber:7},void 0),r&&i.jsxDevRuntimeExports.jsxDEV(p.IconButton,{onClick:r,size:"xs",view:"secondary",pin:m,title:"Закрыть",children:i.jsxDevRuntimeExports.jsxDEV(h.IconClose,{size:"xs"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",lineNumber:64,columnNumber:11},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",lineNumber:57,columnNumber:7},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",lineNumber:42,columnNumber:5},void 0)};function R({title:t,titleSize:n,titleLeftSlot:r,titleRightSlot:d,badge:c,badgeMarginTop:k,subTitle:g,rightBlock:m,bottomBlock:x,onBackClick:C,showBackButton:V=!1,fullScreened:B,toggleFullScreened:$,onClose:y,iconButtonsPin:X,titleTooltipProps:I,...H}){const F=k??(n?void 0:2);return i.jsxDevRuntimeExports.jsxDEV(M,{...H,children:[i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerTitlesContainer,children:[V&&i.jsxDevRuntimeExports.jsxDEV(b,{onClick:C},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:64,columnNumber:28},this),r&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerSlotToTheLeftOfTitle,children:r},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:66,columnNumber:9},this),i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerTitlesBox,children:[t&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerTitle,children:[i.jsxDevRuntimeExports.jsxDEV(_.TypographyWithAutoTooltip,{variant:n??"H4",bold:!0,lines:2,tooltipText:typeof t=="string"?t:void 0,...I,children:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:71,columnNumber:15},this),typeof d>"u"&&c&&i.jsxDevRuntimeExports.jsxDEV(O,{$badgeMarginTop:F,view:"default",...c,className:j.mergeClasses(e.headerBadge,c.className)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:81,columnNumber:13},this),d]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:70,columnNumber:11},this),g&&i.jsxDevRuntimeExports.jsxDEV("p",{className:e.headerSubTitle,children:g},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:91,columnNumber:24},this)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:68,columnNumber:9},this)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:63,columnNumber:7},this),i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerRightBlock,children:[m,m&&(y||typeof B=="boolean")&&i.jsxDevRuntimeExports.jsxDEV(v,{},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:98,columnNumber:9},this),i.jsxDevRuntimeExports.jsxDEV(W,{onClose:y,fullScreened:B,toggleFullScreened:$,iconButtonsPin:X},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:101,columnNumber:9},this)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:94,columnNumber:7},this),x&&i.jsxDevRuntimeExports.jsxDEV("div",{className:e.headerBottomBlock,children:x},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:109,columnNumber:7},this)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",lineNumber:62,columnNumber:5},this)}const S=q.IconButtonDots,A={splitView:e.containerTypeSplitView,modal:e.containerTypeModal,default:e.containerTypeDefault},G=N.forwardRef(({children:t,containerType:n="default",className:r,...d},c)=>i.jsxDevRuntimeExports.jsxDEV(T.Provider,{value:n,children:i.jsxDevRuntimeExports.jsxDEV(P,{ref:c,className:j.mCls(A[n],r),...d,children:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/Widget.tsx",lineNumber:34,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/Widget.tsx",lineNumber:33,columnNumber:3},void 0)),J=Object.assign(G,{Header:R,Footer:w,Content:E,Divider:v,ServiceButtons:W,IconButtonDots:S,IconButtonBack:b});exports.Widget=J;exports.WidgetContent=E;exports.WidgetDivider=v;exports.WidgetFooter=w;exports.WidgetHeader=R;exports.WidgetIconButtonBack=b;exports.WidgetIconButtonDots=S;exports.WidgetServiceButtons=W;exports.widgetClassNames=e;

package/components/Widget/index.d.ts

@@ -0,0 +1,9 @@
+export { WidgetDivider } from './components/WidgetDivider';
+export { WidgetFooter } from './components/WidgetFooter';
+export { WidgetHeader } from './components/WidgetHeader';
+export { WidgetIconButtonBack } from './components/WidgetIconButtonBack';
+export { WidgetIconButtonDots } from './components/WidgetIconButtonDots';
+export { WidgetServiceButtons } from './components/WidgetServiceButtons';
+export * from './Widget';
+export * from './Widget.classNames';
+export { StyledContent as WidgetContent } from './Widget.styled';

package/components/Widget/index.mjs

@@ -0,0 +1,402 @@
+import { Divider as $, Badge as X, IconButton as h } from "@salutejs/sdds-finai";
+import { s as c, br as H } from "../../constants/index.mjs";
+import l, { css as b } from "styled-components";
+import { j as t } from "../../chunks/vendor-BG4P-329.mjs";
+import { outlineSolidPrimary as W, textPrimary as I, h4Bold as F, textSecondary as R, bodyS as _, surfaceSolidCard as L } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { Box as g } from "../Box/index.mjs";
+import { a as M } from "../../chunks/AnalyticalWidget-C7Eg_BvO.mjs";
+import { m as P, s as Y } from "../../chunks/utils-Ch8gMTzR.mjs";
+import { IconArrowLeft as O, IconFullscreenOff as z, IconFullscreenOn as q, IconClose as A } from "@salutejs/plasma-icons";
+import { useContext as G, createContext as J, forwardRef as K } from "react";
+import { IconButtonDots as Q } from "../IconButton/index.mjs";
+const N = {
+  spaceX2: () => c.x2
+}, v = l($).attrs({
+  length: "16px",
+  orientation: "vertical"
+}).withConfig({ displayName: "WidgetDivider" })(
+  ["margin-left:", ";margin-right:calc(", " + 1px);"],
+  N.spaceX2,
+  N.spaceX2
+), n = "Widget__", e = {
+  container: `${n}container`,
+  serviceButtons: `${n}service-buttons`,
+  header: `${n}header`,
+  headerTitlesContainer: `${n}header-title-container`,
+  backIconButton: `${n}back-icon-button`,
+  headerTitlesBox: `${n}header-titles-box`,
+  headerTitle: `${n}header-title`,
+  headerSlotToTheLeftOfTitle: `${n}header-slot-to-the-left-of-title`,
+  headerSubTitle: `${n}header-subTitle`,
+  headerRightBlock: `${n}header-right-block`,
+  headerBottomBlock: `${n}header-bottom-block`,
+  headerBadge: `${n}header-badge`,
+  footer: `${n}footer`,
+  footerTopBlock: `${n}footer-top-block`,
+  slotBlock: `${n}footer-slot`,
+  footerLeft: `${n}footer-left`,
+  footerRight: `${n}footer-right`,
+  content: `${n}content`,
+  containerTypeDefault: `${n}default`,
+  containerTypeModal: `${n}modal`,
+  containerTypeSplitView: `${n}split-view`
+}, o = {
+  spaceY: () => c.x8,
+  spaceX: () => c.x8,
+  spaceX12: () => c.x12,
+  spaceX2: () => c.x2,
+  spaceX4: () => c.x4,
+  spaceX8: () => c.x8,
+  spaceX16: () => c.x16,
+  bg: () => L,
+  textSecondary: () => R,
+  bodyS: () => _,
+  textPrimary: () => I,
+  h4Bold: () => F
+}, U = l.div.attrs({
+  className: e.container
+}).withConfig({
+  displayName: "Widgetstyled__StyledContainer"
+})(["height:100%;display:flex;flex-direction:column;overflow:hidden;margin-block:", ";max-height:calc(100% - ", " - ", ");&:not(:has(.", ")){overflow-y:scroll;& .", "{position:sticky;background-color:", ";top:0px;}}&.", "{& .", ",& .", "{padding-right:", ";}& .", "{margin-right:", ";}}", ""], o.spaceY, o.spaceY, o.spaceY, e.content, e.header, o.bg, e.containerTypeSplitView, e.header, e.footer, o.spaceX16, e.content, o.spaceX16, ({
+  $css: i
+}) => i), Z = l(g).attrs({
+  className: e.header
+}).withConfig({
+  displayName: "Widgetstyled__StyledHeader"
+})(["&.", "{flex-shrink:0;height:fit-content;padding-inline:", ";padding-bottom:", ";margin-bottom:", ";", ";display:grid;grid-template-columns:1fr auto;grid-template-areas:'", " ", "' '", " ", "';column-gap:", ";& .", "{grid-area:", ";display:flex;gap:", ";align-content:flex-start;}& .", "{display:flex;flex-direction:column;row-gap:", ";& .", "{padding:0px;margin:0px;color:", ";", ";display:flex;align-items:center;gap:", ";}& .", "{padding:0px;margin:0px;color:", ";", ";}}& .", "{flex-shrink:0;}& .", "{grid-area:", ";display:flex;height:fit-content;align-items:center;margin-bottom:auto;}& .", "{grid-area:", ";margin-top:", ";}}"], e.header, o.spaceX, o.spaceY, o.spaceX4, ({
+  dividerBottom: i
+}) => i && b(["border-bottom:1px solid ", ";"], W), e.headerTitlesContainer, e.headerRightBlock, e.headerBottomBlock, e.headerBottomBlock, o.spaceX12, e.headerTitlesContainer, e.headerTitlesContainer, o.spaceX8, e.headerTitlesBox, o.spaceX2, e.headerTitle, o.textPrimary, o.h4Bold, o.spaceX4, e.headerSubTitle, o.textSecondary, o.bodyS, e.backIconButton, e.headerRightBlock, e.headerRightBlock, e.headerBottomBlock, e.headerBottomBlock, o.spaceX), ee = l(g).attrs({
+  className: e.content
+}).withConfig({
+  displayName: "Widgetstyled__StyledContent"
+})(["&{flex-grow:1;overflow-y:auto;overflow-x:hidden;border-radius:", ";padding-left:", ";margin-right:", ";&:last-child{padding-bottom:0;}}"], H.xs, o.spaceX, o.spaceX), ie = l(g).attrs({
+  className: e.footer
+}).withConfig({
+  displayName: "Widgetstyled__StyledFooter"
+})(["&.", "{flex-shrink:0;height:fit-content;", ";padding-inline:", ";padding-top:", ";margin-top:", ";display:grid;grid-template-columns:auto auto;grid-template-areas:'", " ", "' '", " ", "';column-gap:", ";.", "{grid-area:", ";}.", "{grid-area:", ";margin-bottom:", ";}.", "{justify-self:start;align-self:center;grid-area:", ";}.", "{justify-self:end;grid-area:", ";}}"], e.footer, ({
+  dividerTop: i
+}) => i && b(["border-top:1px solid ", ";"], W), o.spaceX, o.spaceY, o.spaceX4, e.footerTopBlock, e.footerTopBlock, e.footerLeft, e.footerRight, o.spaceX12, e.slotBlock, e.footerTopBlock, e.footerTopBlock, e.footerTopBlock, o.spaceX, e.footerLeft, e.footerLeft, e.footerRight, e.footerRight), te = l(X).attrs({
+  view: "default"
+}).withConfig({
+  displayName: "Widgetstyled__StyledBadge"
+})(["align-self:flex-start;margin-top:", ";"], (i) => i.$badgeMarginTop ? `${i.$badgeMarginTop}px` : "0");
+function oe({
+  leftBlock: i,
+  rightBlock: s,
+  topBlock: r,
+  children: a,
+  ...d
+}) {
+  return /* @__PURE__ */ t.jsxDEV(ie, { ...d, children: a ? /* @__PURE__ */ t.jsxDEV("div", { className: e.slotBlock, children: a }, void 0, !1, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+    lineNumber: 22,
+    columnNumber: 7
+  }, this) : /* @__PURE__ */ t.jsxDEV(t.Fragment, { children: [
+    !!r && /* @__PURE__ */ t.jsxDEV("div", { className: e.footerTopBlock, children: r }, void 0, !1, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+      lineNumber: 25,
+      columnNumber: 26
+    }, this),
+    !!i && /* @__PURE__ */ t.jsxDEV("div", { className: e.footerLeft, children: i }, void 0, !1, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+      lineNumber: 26,
+      columnNumber: 27
+    }, this),
+    !!s && /* @__PURE__ */ t.jsxDEV("div", { className: e.footerRight, children: s }, void 0, !1, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+      lineNumber: 27,
+      columnNumber: 28
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+    lineNumber: 24,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetFooter.tsx",
+    lineNumber: 20,
+    columnNumber: 5
+  }, this);
+}
+const y = ({
+  iconSize: i,
+  ...s
+}) => /* @__PURE__ */ t.jsxDEV(
+  h,
+  {
+    view: "secondary",
+    size: "s",
+    pin: "circle-circle",
+    className: e.backIconButton,
+    ...s,
+    children: /* @__PURE__ */ t.jsxDEV(
+      O,
+      {
+        size: i ?? "s",
+        ...i && { size: i }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetIconButtonBack.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+      },
+      void 0
+    )
+  },
+  void 0,
+  !1,
+  {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetIconButtonBack.tsx",
+    lineNumber: 15,
+    columnNumber: 1
+  },
+  void 0
+), B = J("default"), ne = () => {
+  const i = G(B);
+  if (!i)
+    throw new Error("useContextMenu used outside Provider");
+  return i;
+}, se = l(g).attrs({
+  className: e.serviceButtons
+}).withConfig({ displayName: "WidgetServiceButtons__StyledServiceButtons" })(
+  ["display:inline-flex;column-gap:", ";"],
+  () => c.x2
+), w = ({
+  fullScreened: i,
+  toggleFullScreened: s,
+  onClose: r,
+  iconButtonsPin: a,
+  ...d
+}) => {
+  const f = typeof i == "boolean", u = ne(), m = a ?? (u === "splitView" ? "square-square" : "circle-circle"), p = i ? z : q;
+  return /* @__PURE__ */ t.jsxDEV(se, { ...d, children: [
+    f && /* @__PURE__ */ t.jsxDEV(
+      h,
+      {
+        onClick: s ?? void 0,
+        size: "xs",
+        view: "secondary",
+        pin: m,
+        title: i ? "Выйти из полноэкранного режима" : "На весь экран",
+        children: /* @__PURE__ */ t.jsxDEV(p, { size: "xs" }, void 0, !1, {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",
+          lineNumber: 53,
+          columnNumber: 11
+        }, void 0)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",
+        lineNumber: 44,
+        columnNumber: 7
+      },
+      void 0
+    ),
+    r && /* @__PURE__ */ t.jsxDEV(
+      h,
+      {
+        onClick: r,
+        size: "xs",
+        view: "secondary",
+        pin: m,
+        title: "Закрыть",
+        children: /* @__PURE__ */ t.jsxDEV(A, { size: "xs" }, void 0, !1, {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",
+          lineNumber: 64,
+          columnNumber: 11
+        }, void 0)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",
+        lineNumber: 57,
+        columnNumber: 7
+      },
+      void 0
+    )
+  ] }, void 0, !0, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetServiceButtons.tsx",
+    lineNumber: 42,
+    columnNumber: 5
+  }, void 0);
+};
+function re({
+  title: i,
+  titleSize: s,
+  titleLeftSlot: r,
+  titleRightSlot: a,
+  badge: d,
+  badgeMarginTop: f,
+  subTitle: u,
+  rightBlock: m,
+  bottomBlock: p,
+  onBackClick: T,
+  showBackButton: D = !1,
+  fullScreened: k,
+  toggleFullScreened: C,
+  onClose: x,
+  iconButtonsPin: j,
+  titleTooltipProps: V,
+  ...E
+}) {
+  const S = f ?? (s ? void 0 : 2);
+  return /* @__PURE__ */ t.jsxDEV(Z, { ...E, children: [
+    /* @__PURE__ */ t.jsxDEV("div", { className: e.headerTitlesContainer, children: [
+      D && /* @__PURE__ */ t.jsxDEV(y, { onClick: T }, void 0, !1, {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+        lineNumber: 64,
+        columnNumber: 28
+      }, this),
+      r && /* @__PURE__ */ t.jsxDEV("div", { className: e.headerSlotToTheLeftOfTitle, children: r }, void 0, !1, {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+        lineNumber: 66,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ t.jsxDEV("div", { className: e.headerTitlesBox, children: [
+        i && /* @__PURE__ */ t.jsxDEV("div", { className: e.headerTitle, children: [
+          /* @__PURE__ */ t.jsxDEV(
+            M,
+            {
+              variant: s ?? "H4",
+              bold: !0,
+              lines: 2,
+              tooltipText: typeof i == "string" ? i : void 0,
+              ...V,
+              children: i
+            },
+            void 0,
+            !1,
+            {
+              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+              lineNumber: 71,
+              columnNumber: 15
+            },
+            this
+          ),
+          typeof a > "u" && d && /* @__PURE__ */ t.jsxDEV(
+            te,
+            {
+              $badgeMarginTop: S,
+              view: "default",
+              ...d,
+              className: P(e.headerBadge, d.className)
+            },
+            void 0,
+            !1,
+            {
+              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+              lineNumber: 81,
+              columnNumber: 13
+            },
+            this
+          ),
+          a
+        ] }, void 0, !0, {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+          lineNumber: 70,
+          columnNumber: 11
+        }, this),
+        u && /* @__PURE__ */ t.jsxDEV("p", { className: e.headerSubTitle, children: u }, void 0, !1, {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+          lineNumber: 91,
+          columnNumber: 24
+        }, this)
+      ] }, void 0, !0, {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+        lineNumber: 68,
+        columnNumber: 9
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+      lineNumber: 63,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ t.jsxDEV("div", { className: e.headerRightBlock, children: [
+      m,
+      m && (x || typeof k == "boolean") && /* @__PURE__ */ t.jsxDEV(v, {}, void 0, !1, {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+        lineNumber: 98,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ t.jsxDEV(
+        w,
+        {
+          onClose: x,
+          fullScreened: k,
+          toggleFullScreened: C,
+          iconButtonsPin: j
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+          lineNumber: 101,
+          columnNumber: 9
+        },
+        this
+      )
+    ] }, void 0, !0, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+      lineNumber: 94,
+      columnNumber: 7
+    }, this),
+    p && /* @__PURE__ */ t.jsxDEV("div", { className: e.headerBottomBlock, children: p }, void 0, !1, {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+      lineNumber: 109,
+      columnNumber: 7
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/components/WidgetHeader.tsx",
+    lineNumber: 62,
+    columnNumber: 5
+  }, this);
+}
+const ae = Q, de = {
+  splitView: e.containerTypeSplitView,
+  modal: e.containerTypeModal,
+  default: e.containerTypeDefault
+}, ce = K(
+  ({ children: i, containerType: s = "default", className: r, ...a }, d) => /* @__PURE__ */ t.jsxDEV(B.Provider, { value: s, children: /* @__PURE__ */ t.jsxDEV(
+    U,
+    {
+      ref: d,
+      className: Y(de[s], r),
+      ...a,
+      children: i
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/Widget.tsx",
+      lineNumber: 34,
+      columnNumber: 7
+    },
+    void 0
+  ) }, void 0, !1, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Widget/Widget.tsx",
+    lineNumber: 33,
+    columnNumber: 3
+  }, void 0)
+), We = Object.assign(ce, {
+  Header: re,
+  Footer: oe,
+  Content: ee,
+  Divider: v,
+  ServiceButtons: w,
+  IconButtonDots: ae,
+  IconButtonBack: y
+});
+export {
+  We as Widget,
+  ee as WidgetContent,
+  v as WidgetDivider,
+  oe as WidgetFooter,
+  re as WidgetHeader,
+  y as WidgetIconButtonBack,
+  ae as WidgetIconButtonDots,
+  w as WidgetServiceButtons,
+  e as widgetClassNames
+};

package/constants/breakPoints.d.ts

@@ -0,0 +1,18 @@
+export declare const breakPoints: {
+    readonly xs: 376;
+    readonly s: 768;
+    readonly m: 960;
+    readonly l: 1280;
+    readonly xl: 1920;
+    readonly xxl: 2560;
+};
+export declare const breakP: {
+    readonly xs: 376;
+    readonly s: 768;
+    readonly m: 960;
+    readonly l: 1280;
+    readonly xl: 1920;
+    readonly xxl: 2560;
+};
+export type BreakPointsKeys = keyof typeof breakP;
+export type BreakPointsObj = typeof breakP;

package/constants/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@salutejs/sdds-themes/tokens/sdds_finai"),s={xs:376,s:768,m:960,l:1280,xl:1920,xxl:2560},x=s,a={none:"none",xxs:i.borderRadiusXxs,xs:i.borderRadiusXs,s:i.borderRadiusS,m:i.borderRadiusM,l:i.borderRadiusL,xl:i.borderRadiusXl,xxl:i.borderRadiusXxl},e=a,r={x0:i.spacing0x,x1:i.spacing1x,x2:i.spacing2x,x3:i.spacing3x,x4:i.spacing4x,x6:i.spacing6x,x8:i.spacing8x,x10:i.spacing10x,x12:i.spacing12x,x16:i.spacing16x,x20:i.spacing20x,x24:i.spacing24x,x32:i.spacing32x,x40:i.spacing40x,x60:i.spacing60x},n=r,t={primary:i.textPrimary,secondary:i.textSecondary,info:i.textInfo,negative:i.textNegative,warning:i.textWarning,positive:i.textPositive,tertiary:i.textTertiary,accent:i.textAccent,paragraph:i.textParagraph,outlinesSolidPrimary:i.outlineSolidPrimary};exports.borderRadius=a;exports.br=e;exports.breakP=x;exports.breakPoints=s;exports.s=n;exports.spacing=r;exports.viewColors=t;

package/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './breakPoints';
+export * from './variableSize';
+export { viewColors } from './viewColors';

package/constants/index.mjs

@@ -0,0 +1,61 @@
+import { borderRadiusXxl as x, borderRadiusXl as i, borderRadiusL as a, borderRadiusM as s, borderRadiusS as r, borderRadiusXs as n, borderRadiusXxs as t, spacing60x as e, spacing40x as o, spacing32x as c, spacing24x as p, spacing20x as g, spacing16x as d, spacing12x as l, spacing10x as b, spacing8x as u, spacing6x as m, spacing4x as y, spacing3x as R, spacing2x as P, spacing1x as v, spacing0x as S, outlineSolidPrimary as X, textParagraph as f, textAccent as h, textTertiary as k, textPositive as w, textWarning as A, textNegative as C, textInfo as I, textSecondary as L, textPrimary as M } from "@salutejs/sdds-themes/tokens/sdds_finai";
+const N = {
+  xs: 376,
+  s: 768,
+  m: 960,
+  l: 1280,
+  xl: 1920,
+  xxl: 2560
+}, q = N, T = {
+  none: "none",
+  xxs: t,
+  // 4px
+  xs: n,
+  // 8px
+  s: r,
+  // 12px
+  m: s,
+  // 16px
+  l: a,
+  // 20px
+  xl: i,
+  // 24px
+  xxl: x
+  // 32px
+}, z = T, W = {
+  x0: S,
+  x1: v,
+  x2: P,
+  x3: R,
+  x4: y,
+  x6: m,
+  x8: u,
+  x10: b,
+  x12: l,
+  x16: d,
+  x20: g,
+  x24: p,
+  x32: c,
+  x40: o,
+  x60: e
+}, B = W, D = {
+  primary: M,
+  secondary: L,
+  info: I,
+  negative: C,
+  warning: A,
+  positive: w,
+  tertiary: k,
+  accent: h,
+  paragraph: f,
+  outlinesSolidPrimary: X
+};
+export {
+  T as borderRadius,
+  z as br,
+  q as breakP,
+  N as breakPoints,
+  B as s,
+  W as spacing,
+  D as viewColors
+};