@max-ts/components 1.7.0 → 1.8.0

package/lib/components/InputOTP/index.js

@@ -0,0 +1 @@
+export*from"./InputOTP.js";

package/lib/components/InputOTP/styles.js

@@ -0,0 +1,22 @@
+import{styled as e}from"../../theme/index.js";let i=e("div")`
+  display: flex;
+  align-items: center;
+`,t=e("div")`
+  .inputOTPContainer {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .inputOTPContainer:has(:disabled) {
+    opacity: 0.5;
+  }
+
+  .inputOTP {
+    cursor: pointer;
+  }
+
+  .inputOTP:has(:disabled) {
+    cursor: not-allowed;
+  }
+`;export{i as GroupContainer,t as Wrapper};

package/lib/components/InternalErrorPlaceholder/InternalErrorPlaceholder.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Link as e}from"@mui/material";import{useContext as o}from"react";import{Button as t}from"../Button/index.js";import{ConfigContext as l}from"../ConfigProvider/index.js";import{Placeholder as m}from"../Placeholder/index.js";import{Typography as n}from"../Typography/index.js";let d=()=>{let{imagesMap:d,techSup:c}=o(l);return r(m,{title:"Произошла непредвиденная ошибка",description:i("div",{children:[r(n,{children:"Пожалуйста, попробуйте обновить страницу или обратитесь в техническую поддержку:"}),i(n,{children:["email\xa0",r(e,{href:`mailto:${c.email}`,children:c.email}),", телефон\xa0",r(e,{href:`tel:${c.phone}`,children:c.phone})]})]}),imgAlt:"Непредвиденная ошибка",imgSrc:d.defaultErrorImgSrc,imgWidth:"324px",Actions:r(t,{onClick:()=>{location.reload()},children:"Обновить страницу"})})};export{d as InternalErrorPlaceholder};

package/lib/components/InternalErrorPlaceholder/InternalErrorPlaceholder.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import"react";import{ConfigProvider as e}from"../ConfigProvider/index.js";import{InternalErrorPlaceholder as o}from"./InternalErrorPlaceholder.js";let t="../../illustrations/error.svg",a={title:"Components/InternalErrorPlaceholder",component:o},l=()=>r(e,{imagesMap:{defaultErrorImgSrc:t,noDataImgSrc:t,outdatedReleaseErrorImgSrc:t},techSup:{email:"test@example.com",phone:"79999999999"},children:r(o,{})});export{l as Example,a as default};

package/lib/components/InternalErrorPlaceholder/index.js

@@ -0,0 +1 @@
+export*from"./InternalErrorPlaceholder.js";

package/lib/components/Link/Link.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{ArrowDownToLine as t,SquareArrowOutUpRight as i}from"lucide-react";import{StyledLink as o}from"./styles.js";let m=({withAdornment:m,isDownload:s,children:l,...n})=>{let d=s?r(t,{size:16}):r(i,{size:16});return e(o,{download:s,...n,children:["start"===m&&d,l,"end"===m&&d,!m&&s&&r(t,{})]})};export{m as Link};

package/lib/components/Link/Link.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as n}from"react/jsx-runtime";import{Typography as i}from"../Typography/index.js";import{Link as d}from"./Link.js";let t={title:"Components/Link",component:d,args:{children:"Link",href:"#"},parameters:{docs:{disable:!0},controls:{expanded:!0},options:{showPanel:!0}},tags:["autodocs"]},o=()=>r(e,{children:n(i,{children:["Для начала работы необходимо:",r("br",{}),n("ul",{children:[n("li",{children:["Подключить"," ",r(d,{href:"#1",withAdornment:"start",children:"Telegram"})]}),n("li",{children:["Выпустить сертификат ",r(d,{href:"#2",children:"УНЭП"})]}),n("li",{children:[r(d,{href:"/",children:"Госключ"})," для подписания документов"]})]})]})}),h=()=>n(e,{children:[r(d,{href:"#1",withAdornment:"start",children:"Icon-start"}),r(d,{href:"#2",withAdornment:"end",children:"Icon-end"})]}),l=()=>n(e,{children:[r(d,{href:"Принять_оферту.pdf",isDownload:!0,withAdornment:"start",children:"Принять оферту"}),r(d,{href:"Принять_оферту.pdf",isDownload:!0,withAdornment:"end",children:"Принять оферту"})]});export{h as Adornment,l as Download,o as Example,t as default};

package/lib/components/Link/index.js

@@ -0,0 +1 @@
+export*from"./Link.js";

package/lib/components/Link/styles.js

@@ -0,0 +1,35 @@
+import{Link as e,svgIconClasses as t}from"@mui/material";import{styled as o}from"../../theme/index.js";let i=o(e)`
+  display: inline-flex;
+  gap: ${({theme:e})=>e.spacing(1)};
+  align-items: center;
+  justify-content: flex-start;
+
+  font-size: ${({theme:e})=>e.typography.fontSize}px;
+  color: ${({theme:e})=>e.palette.components.link.main};
+  text-decoration: none;
+
+  &:active {
+    color: ${({theme:e})=>e.palette.components.link.active};
+  }
+
+  &:visited {
+    color: ${({theme:e})=>e.palette.components.link.visited};
+  }
+
+  &:hover {
+    color: ${({theme:e})=>e.palette.components.link.hover};
+    text-decoration: underline;
+  }
+
+  &:focus {
+    border-radius: 4px;
+    outline: 2px solid ${({theme:e})=>e.palette.primary[400]};
+  }
+
+  .${t.root} {
+    align-self: center;
+
+    width: 16px;
+    height: 16px;
+  }
+`;export{i as StyledLink};

package/lib/components/List/List.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{List as i}from"@mui/material";let r=r=>t(i,{...r});export{r as List};

package/lib/components/List/List.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i,jsxs as n}from"react/jsx-runtime";import{Dot as r,House as l}from"lucide-react";import{useState as c}from"react";import{Chevron as d}from"../Chevron/index.js";import{Collapse as t}from"../Collapse/index.js";import{IconButton as o}from"../IconButton/index.js";import{Link as h}from"../Link/index.js";import{ListItemButton as s}from"../ListItemButton/index.js";import{ListItemIcon as m}from"../ListItemIcon/index.js";import{ListItemText as a}from"../ListItemText/index.js";import{ListSubheader as p}from"../ListSubheader/index.js";import{List as f}from"./List.js";let C={title:"Components/List",component:f},k={args:{children:n(e,{children:[i(s,{children:"Item 1"})," ",i(s,{children:"Item 2"})]})},parameters:{docs:{disable:!0}}},x=()=>{let[C,k]=c(!0),[x,u]=c(null),[I,j]=c(!0);return n(e,{children:[n(f,{subheader:i(p,{children:"Список ссылок (ListItemButton) "}),children:[n(s,{selected:0===x,component:h,href:"/",onClick:()=>{u(0)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная ( ссылка )"})]}),n(s,{selected:1===x,component:h,href:"/",onClick:()=>{u(1)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная ( ссылка )"})]}),n(s,{selected:2===x,component:h,href:"https://www.yandex.com/",onClick:()=>{u(2)},children:[i(m,{children:i(l,{})}),i(a,{children:"Яндекс"})]})]}),n(f,{subheader:i(p,{children:"Список Кнопок (ListItemButton) "}),children:[n(s,{selected:11===x,onClick:()=>{u(11)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная "})]}),n(s,{selected:12===x,onClick:()=>{u(12)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная "})]}),n(s,{selected:13===x,onClick:()=>{u(13)},children:[i(m,{children:i(l,{})}),i(a,{children:"Яндекс"})]})]}),n(f,{subheader:i(p,{children:"Выпадающий список с активными элементами"}),children:[n(s,{onClick:()=>{k(!C)},children:[i(m,{children:i(l,{})}),i(a,{children:"Транспорт"}),i(d,{isActive:C})]}),i(t,{in:C,orientation:"vertical",children:n(f,{disablePadding:!0,children:[n(s,{selected:3===x,onClick:()=>{u(3)},children:[i(m,{children:i(r,{})}),i(a,{children:"Машины"})]}),n(s,{selected:4===x,onClick:()=>{u(4)},children:[i(m,{children:i(r,{})}),i(a,{children:"Велосипеды"})]}),n(s,{selected:5===x,onClick:()=>{u(5)},children:[i(m,{children:i(r,{})}),i(a,{children:"Мотоциклы"})]})]})})]}),i(f,{subheader:n(p,{style:{display:"flex",alignItems:"center"},children:["Сворачиваемый список",i(o,{variant:"text",onClick:()=>{j(!I)},style:{transform:"rotate(270deg)"},children:i(d,{isActive:I})})]}),children:i(t,{in:I,orientation:"horizontal",collapsedSize:56,children:n(f,{disablePadding:!0,children:[n(s,{selected:11===x,onClick:()=>{u(11)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная"})]}),n(s,{selected:12===x,onClick:()=>{u(12)},children:[i(m,{children:i(l,{})}),i(a,{children:"Главная новая страница для определенно ненужного сайта"})]}),n(s,{selected:13===x,onClick:()=>{u(13)},children:[i(m,{children:i(l,{})}),i(a,{children:"Яндекс"})]})]})})})]})};export{x as Example,k as Interaction,C as default};

package/lib/components/List/index.js

@@ -0,0 +1 @@
+export*from"./List.js";

package/lib/components/ListItem/ListItem.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{StyledListItem as r}from"./styles.js";let e=e=>t(r,{...e});export{e as ListItem};

package/lib/components/ListItem/ListItem.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as i}from"react/jsx-runtime";import{Link as t}from"@mui/material";import{House as n}from"lucide-react";import{useState as m}from"react";import{List as l}from"../List/index.js";import{ListItemIcon as d}from"../ListItemIcon/index.js";import{ListItemText as c}from"../ListItemText/index.js";import{ListSubheader as o}from"../ListSubheader/index.js";import{ListItem as h}from"./ListItem.js";let s={title:"Components/ListItem",component:h},a={args:{children:"Item"},parameters:{docs:{disable:!0}}},p=()=>{let[s,a]=m(null);return i(e,{children:[i(l,{subheader:r(o,{children:"Список ссылок (ListItem) "}),children:[r(t,{href:"/",children:i(h,{children:[r(d,{children:r(n,{})}),r(c,{children:"Ссылка 1"})]})}),r(t,{href:"/",children:i(h,{children:[r(d,{children:r(n,{})}),r(c,{children:"Ссылка 2"})]})})]}),i(l,{subheader:r(o,{children:"Список не ссылок (ListItem) "}),children:[i(h,{onClick:()=>{a(0)},children:[r(d,{children:r(n,{})}),r(c,{children:"Автомобиль"})]}),i(h,{onClick:()=>{a(1)},children:[r(d,{children:r(n,{})}),r(c,{children:"Велосипед"})]})]})]})};export{p as Example,a as Interaction,s as default};

package/lib/components/ListItem/constants.js

@@ -0,0 +1 @@
+var t,e=((t={}).DEFAULT="default",t.HOVER="hover",t.SELECTED="selected",t);export{e as ListItemStates};

package/lib/components/ListItem/index.js

@@ -0,0 +1 @@
+export*from"./ListItem.js";

package/lib/components/ListItem/styles.js

@@ -0,0 +1,11 @@
+import{ListItem as e}from"@mui/material";import{styled as t}from"../../theme/index.js";import{ListItemStates as r}from"./constants.js";let o=({theme:e,listItemState:t})=>t===r.DEFAULT?e.palette.grey[900]:t===r.HOVER?e.palette.primary[800]:e.palette.grey[900],l=t(e,{shouldForwardProp:e=>"selected"!==e})`
+  cursor: pointer;
+  user-select: none;
+
+  color: ${e=>o({...e,listItemState:r.DEFAULT})};
+  border-radius: ${({theme:e})=>e.shape.small};
+
+  :hover {
+    color: ${e=>o({...e,listItemState:r.HOVER})};
+  }
+`;export{l as StyledListItem,o as getColor};

package/lib/components/ListItemButton/ListItemButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ListItemButton as e}from"@mui/material";import{Tooltip as i}from"../Tooltip/index.js";let r=r=>{let{disabledReason:o,disabled:m,tooltipPlacement:l,note:n,withoutContainer:a=!1,...p}=r,s=()=>t(i,{title:m?o:n,placement:l,withoutContainer:!m,children:t(e,{disabled:m,...p,disableRipple:!0})});return a?s():t("li",{children:s()})};export{r as ListItemButton};

package/lib/components/ListItemButton/ListItemButton.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{House as r}from"lucide-react";import{useState as t}from"react";import{Chevron as n}from"../Chevron/index.js";import{Collapse as l}from"../Collapse/index.js";import{Container as o}from"../Container/index.js";import{List as d}from"../List/index.js";import{ListItem as c}from"../ListItem/index.js";import{ListItemIcon as m}from"../ListItemIcon/index.js";import{ListItemText as s}from"../ListItemText/index.js";import{ListSubheader as h}from"../ListSubheader/index.js";import{ListItemButton as p}from"./ListItemButton.js";let a={title:"Components/ListItemButton",component:p},u={args:{children:"Button"},parameters:{docs:{disable:!0}}},f=()=>{let[a,u]=t(!0),[f,x]=t(null);return i(o,{direction:"column",children:[i(d,{subheader:e(h,{children:"Компонент Списка Кнопки selectable"}),children:[i(p,{selected:0===f,onClick:()=>{x(0)},children:[e(m,{children:e(r,{})}),e(s,{children:"Главная "})]}),i(p,{selected:1===f,onClick:()=>{x(1)},children:[e(m,{children:e(r,{})}),e(s,{children:"Яндекс"})]})]}),i(d,{subheader:e(h,{children:"Компонент Списка ListItemButton + Collapse"}),children:[i(p,{onClick:()=>{u(!a)},children:[e(m,{children:e(r,{})}),e(s,{children:"Транспорт"}),e(n,{isActive:a})]}),e(l,{in:a,children:i(d,{children:[i(c,{children:[e(m,{children:e(r,{})}),e(s,{children:"Машины"})]}),i(p,{selected:!0,children:[e(m,{children:e(r,{})}),e(s,{children:"Велосипеды ( selected )"})]}),i(p,{children:[e(m,{children:e(r,{})}),e(s,{children:"Мотоциклы"})]})]})})]})]})};export{f as Example,u as Interaction,a as default};

package/lib/components/ListItemButton/constants.js

@@ -0,0 +1 @@
+var t,e=((t={}).DEFAULT="default",t.HOVER="hover",t.SELECTED="selected",t);export{e as ListItemButtonStates};

package/lib/components/ListItemButton/index.js

@@ -0,0 +1 @@
+export*from"./ListItemButton.js";

package/lib/components/ListItemIcon/ListItemIcon.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{StyledListItemIcon as e}from"./styles.js";let m=t((t,m)=>r(e,{ref:m,...t}));export{m as ListItemIcon};

package/lib/components/ListItemIcon/ListItemIcon.stories.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{House as r}from"lucide-react";import"react";import{List as i}from"../List/index.js";import{ListItemButton as o}from"../ListItemButton/index.js";import{ListItemText as m}from"../ListItemText/index.js";import{ListItemIcon as s}from"./ListItemIcon.js";let n={title:"Components/ListItemIcon",component:s},c={args:{children:t(r,{})},parameters:{docs:{disable:!0}}},a=()=>t(i,{children:e(o,{selected:!0,children:[t(s,{children:t(r,{})}),t(m,{primary:"Drafts"})]})});export{a as Example,c as Interaction,n as default};

package/lib/components/ListItemIcon/index.js

@@ -0,0 +1 @@
+export*from"./ListItemIcon.js";

package/lib/components/ListItemIcon/styles.js

@@ -0,0 +1,3 @@
+import{ListItemIcon as t}from"@mui/material";import{styled as e}from"../../theme/index.js";let i=e(t)`
+  color: inherit;
+`;export{i as StyledListItemIcon};

package/lib/components/ListItemText/ListItemText.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ListItemText as e}from"@mui/material";let m=m=>t(e,{...m});export{m as ListItemText};

package/lib/components/ListItemText/ListItemText.stories.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{List as r}from"../List/index.js";import{ListItem as i}from"../ListItem/index.js";import{ListItemText as m}from"./ListItemText.js";let o={title:"Components/ListItemText",component:m},s={args:{primary:"Text"},parameters:{docs:{disable:!0}}},a=()=>e(r,{children:[t(i,{children:t(m,{primary:"Drafts"})}),t(i,{children:t(m,{primary:"Inbox"})})]});export{a as Example,s as Interaction,o as default};

package/lib/components/ListItemText/index.js

@@ -0,0 +1 @@
+export*from"./ListItemText.js";

package/lib/components/ListSubheader/ListSubheader.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{ListSubheader as r}from"@mui/material";let t=t=>e(r,{...t});export{t as ListSubheader};

package/lib/components/ListSubheader/ListSubheader.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{House as t}from"lucide-react";import"react";import{List as i}from"../List/index.js";import{ListItem as m}from"../ListItem/index.js";import{ListItemIcon as o}from"../ListItemIcon/index.js";import{ListItemText as s}from"../ListItemText/index.js";import{ListSubheader as a}from"./ListSubheader.js";let d={title:"Components/ListSubheader",component:a},n={args:{children:"Subheader"},parameters:{docs:{disable:!0}}},p=()=>e(i,{subheader:e(a,{children:"Subheader"}),children:r(m,{children:[e(o,{children:e(t,{})}),e(s,{primary:"Drafts"})]})});export{p as Example,n as Interaction,d as default};

package/lib/components/ListSubheader/index.js

@@ -0,0 +1 @@
+export*from"./ListSubheader.js";

package/lib/components/MaskField/MaskField.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useMask as e}from"@react-input/mask";import{TextField as r}from"../TextField/index.js";let i=({maskProps:i,...m})=>t(r,{inputRef:e(i),...m});export{i as MaskField};

package/lib/components/MaskField/index.js

@@ -0,0 +1 @@
+export*from"./MaskField.js";

package/lib/components/Menu/Menu.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Menu as o}from"@mui/material";import{useViewportType as r}from"../../hooks/index.js";import{BottomDrawer as t}from"../BottomDrawer/index.js";import{MenuList as i}from"../MenuList/index.js";let n=({children:n,onClose:m,open:l,title:s,...p})=>{let{isMobile:u}=r();return u?e(t,{title:s,onClose:m,open:l,children:e(i,{children:n})}):e(o,{open:l,onClose:m,...p,children:n})};export{n as Menu};

package/lib/components/Menu/Menu.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as n}from"react/jsx-runtime";import{Building2 as i,LogOut as l,Settings as t,User as o}from"lucide-react";import{useCallback as c,useMemo as d,useState as m}from"react";import{Button as h}from"../Button/index.js";import{ListItemIcon as a}from"../ListItemIcon/index.js";import{MenuItem as s}from"../MenuItem/index.js";import{Menu as p}from"./Menu.js";let u={title:"Components/Menu",component:p},f={args:{title:"Menu",open:!0,children:[n(s,{children:[r(a,{children:r(t,{})}),"Item 1"]},1),n(s,{children:[r(a,{children:r(i,{})}),"Item 2"]},2),n(s,{children:[r(a,{children:r(t,{})}),"Item 3"]},3),n(s,{children:[r(a,{children:r(t,{})}),"Item 4"]},4)]},parameters:{docs:{disable:!0}}},I=()=>{let[u,f]=m(null),I=d(()=>!!u,[u]),x=c(e=>{f(e.currentTarget)},[]),C=c(()=>{f(null)},[]);return n(e,{children:[r(h,{variant:"text",onClick:x,children:"Profile"}),n(p,{title:"Profile",anchorEl:u,open:I,onClose:C,children:[n(s,{onClick:C,children:[r(a,{children:r(o,{})}),"Мой профиль"]}),n(s,{onClick:C,children:[r(a,{children:r(i,{})}),"Мои организации"]}),n(s,{divider:!0,onClick:C,children:[r(a,{children:r(t,{})}),"Настройки"]}),n(s,{onClick:C,children:[r(a,{children:r(l,{})}),"Выйти"]})]})]})};export{I as Example,f as Interaction,u as default};

package/lib/components/Menu/index.js

@@ -0,0 +1 @@
+export*from"./Menu.js";

package/lib/components/MenuItem/MenuItem.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{MenuItem as t}from"@mui/material";import{Tooltip as i}from"../Tooltip/index.js";let r=r=>{let{disabledReason:m,disabled:n,component:o="div",title:l,tooltipPlacement:a="left",note:p,...u}=r;return e("li",{children:e(i,{title:n?m:p,placement:a,withoutContainer:!n,children:e(t,{...u,disabled:n,title:l,component:o})},l)})};export{r as MenuItem};

package/lib/components/MenuItem/MenuItem.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{User as i}from"lucide-react";import"react";import{ListItemIcon as n}from"../ListItemIcon/index.js";import{MenuList as d}from"../MenuList/index.js";import{MenuItem as l}from"./MenuItem.js";let t={title:"Components/MenuItem",component:l},c={args:{selected:!0,children:"Menu Item"},parameters:{docs:{disable:!0}}},o=()=>r(d,{children:[r(l,{children:[e(n,{children:e(i,{})}),"Мой профиль"]}),r(l,{children:[e(n,{children:e(i,{})}),"Выход"]})]}),h=()=>r(d,{children:[r(l,{note:"Перейти в профиль",children:[e(n,{children:e(i,{})}),"Мой профиль"]}),r(l,{children:[e(n,{children:e(i,{})}),"Выход"]})]}),m=()=>r(d,{children:[r(l,{selected:!0,children:[e(n,{children:e(i,{})}),"Мой профиль"]}),r(l,{children:[e(n,{children:e(i,{})}),"Выход"]})]}),s=()=>r(d,{children:[r(l,{disabled:!0,disabledReason:"Действие недоступно. Попробуйте позднее",children:[e(n,{children:e(i,{})}),"Мой профиль"]}),r(l,{children:[e(n,{children:e(i,{})}),"Выход"]})]});export{s as Disabled,o as Example,c as Interaction,h as Note,m as Selected,t as default};

package/lib/components/MenuItem/index.js

@@ -0,0 +1 @@
+export*from"./MenuItem.js";

package/lib/components/MenuList/MenuList.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{StyledMenuList as t}from"./styles.js";let e=({children:e,...i})=>r(t,{...i,children:e});export{e as MenuList};

package/lib/components/MenuList/MenuList.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Building2 as r,LogOut as n,Settings as t,User as d}from"lucide-react";import"react";import{Divider as c}from"../Divider/index.js";import{ListItemIcon as l}from"../ListItemIcon/index.js";import{ListItemText as m}from"../ListItemText/index.js";import{MenuItem as h}from"../MenuItem/index.js";import{MenuList as o}from"./MenuList.js";let s={title:"Components/MenuList",component:o},p={args:{children:[i(h,{children:[e(l,{children:e(d,{})}),e(m,{children:"item 1"})]},1),i(h,{children:[e(l,{children:e(r,{})}),e(m,{children:"item 2"})]},2),i(h,{children:[e(l,{children:e(t,{})}),e(m,{children:"item 3"})]},3),i(h,{children:[e(l,{children:e(n,{})}),e(m,{children:"item 4"})]},4)]},parameters:{docs:{disable:!0}}},a=()=>i(o,{children:[i(h,{children:[e(l,{children:e(d,{})}),e(m,{children:"Мой профиль"})]}),i(h,{children:[e(l,{children:e(r,{})}),e(m,{children:"Мои организации"})]}),i(h,{children:[e(l,{children:e(t,{})}),e(m,{children:"Настройки"})]}),e(c,{}),i(h,{children:[e(l,{children:e(n,{})}),e(m,{children:"Выйти"})]})]});export{a as Example,p as Interaction,s as default};

package/lib/components/MenuList/index.js

@@ -0,0 +1 @@
+export*from"./MenuList.js";export*from"./types.js";

package/lib/components/MenuList/styles.js

@@ -0,0 +1,8 @@
+import{MenuList as e}from"@mui/material";import{styled as i}from"../../theme/index.js";let o=i(e)`
+  &.MuiList-root {
+    padding: ${({theme:e})=>e.spacing(1,0)};
+
+    border-radius: ${({theme:e})=>e.shape.small};
+    box-shadow: ${({theme:e})=>e.elevation[200]};
+  }
+`;export{o as StyledMenuList};

package/lib/components/Notification/Notification.js

@@ -0,0 +1 @@
+import{toast as e}from"sonner";class s{service;constructor(e){this.service=e}message(e,s){return this.service.message(e,{description:s})}success=e=>this.service.success(e);error=e=>this.service.error(e);info=e=>this.service.info(e);warning=e=>this.service.warning(e);custom=e=>this.service(e);action=({title:e,buttonLabel:s,onClick:i})=>this.service(e,{action:{label:s,onClick:i}})}let i=new s(e);export{s as Notification,i as notification};

package/lib/components/Notification/NotificationContainer/NotificationContainer.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Toaster as i}from"sonner";import{NOTIFICATION_POSITIONS as t}from"../constants.js";import{ErrorIcon as r,InfoIcon as s,SuccessIcon as e,WarningIcon as n}from"./styles.js";let m=({position:m="bottomRight",...a})=>o(i,{duration:3e3,icons:{error:o(r,{size:20}),success:o(e,{size:20}),warning:o(n,{size:20}),info:o(s,{size:20})},position:t[m],...a});export{m as NotificationContainer};

package/lib/components/Notification/NotificationContainer/index.js

@@ -0,0 +1 @@
+export*from"./NotificationContainer.js";

package/lib/components/Notification/NotificationContainer/styles.js

@@ -0,0 +1,9 @@
+import{CircleCheck as o,Info as e,OctagonAlert as r,TriangleAlert as n}from"lucide-react";import{styled as c}from"../../../theme/index.js";let t=c(r)`
+  color: ${({theme:o})=>o.palette.error.main};
+`,a=c(o)`
+  color: ${({theme:o})=>o.palette.success.main};
+`,i=c(n)`
+  color: ${({theme:o})=>o.palette.warning.main};
+`,l=c(e)`
+  color: ${({theme:o})=>o.palette.info.main};
+`;export{t as ErrorIcon,l as InfoIcon,a as SuccessIcon,i as WarningIcon};

package/lib/components/Notification/constants.js

@@ -0,0 +1 @@
+var t,o=((t={}).info="info",t.success="success",t.warning="warning",t.error="error",t);let e={topRight:"top-right",topLeft:"top-left",bottomRight:"bottom-right",bottomLeft:"bottom-left",topCenter:"top-center",bottomCenter:"bottom-center"},r="notify";export{e as NOTIFICATION_POSITIONS,r as NOTIFY_CLASSNAME,o as NotificationVariantTypes};

package/lib/components/Notification/index.js

@@ -0,0 +1 @@
+export*from"./constants.js";export*from"./Notification.js";export*from"./NotificationContainer/index.js";

package/lib/components/OutdatedReleasePlaceholder/OutdatedReleasePlaceholder.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as e}from"react";import{Button as o}from"../Button/index.js";import{ConfigContext as t}from"../ConfigProvider/index.js";import{Placeholder as i}from"../Placeholder/index.js";import{Typography as m}from"../Typography/index.js";let d=()=>{let{imagesMap:d}=e(t);return r(i,{title:"Обновление в сервисе",description:r(m,{component:"p",children:"Наши специалисты работают над улучшением качества продукта. Для загрузки обновлений, пожалуйста, обновите страницу."}),imgAlt:"Обновление в сервисе",imgSrc:d.outdatedReleaseErrorImgSrc,imgWidth:"324px",Actions:r(o,{onClick:()=>{location.reload()},children:"Обновить страницу"})})};export{d as OutdatedReleasePlaceholder};

package/lib/components/OutdatedReleasePlaceholder/OutdatedReleasePlaceholder.stories.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{ConfigProvider as r}from"../ConfigProvider/index.js";import{OutdatedReleasePlaceholder as t}from"./OutdatedReleasePlaceholder.js";let a="../../illustrations/outdated-release.svg",o={title:"Components/OutdatedReleasePlaceholder",component:t},l=()=>e(r,{imagesMap:{defaultErrorImgSrc:a,noDataImgSrc:a,outdatedReleaseErrorImgSrc:a},children:e(t,{})});export{l as Example,o as default};

package/lib/components/OutdatedReleasePlaceholder/index.js

@@ -0,0 +1 @@
+export*from"./OutdatedReleasePlaceholder.js";

package/lib/components/OverflowTypography/OverflowTypography.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Tooltip as t}from"../Tooltip/index.js";import{Typography as i}from"../Typography/index.js";import{StyledTypography as o,Wrapper as l}from"./styles.js";import{useLogic as n}from"./useLogic/index.js";let p=1,s=s=>{let{ref:m,isOverflowed:a,secondPartLabel:c,firstPartLabel:d,isTruncatedStringVisible:h}=n(s),{tooltipProps:f,children:u,rowsCount:j=p,visibleLastSymbolsCount:x,align:y="left",...T}=s,g={...T,ref:m,align:y,children:u,rowsCount:j,hasMultipleRows:j>p};return h?e(t,{title:u,disableInteractive:!0,...f,children:r(l,{$align:y,children:[e(o,{component:"span",ref:m,hasMultipleRows:!1,rowsCount:1,...T,children:d}),e(i,{...T,component:"span",children:c})]})}):u&&a?e(t,{title:u,disableInteractive:!0,...f,children:e(o,{...g})}):e(o,{...g})};export{p as DEFAULT_ROWS_COUNT,s as OverflowTypography};

package/lib/components/OverflowTypography/OverflowTypography.stories.js

@@ -0,0 +1,3 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import"react";import{styled as t}from"../../theme/index.js";import{OverflowTypography as o}from"./OverflowTypography.js";let s={title:"Components/OverflowTypography",component:o},r={args:{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aut delectus dolorem ea, explicabo illo minus nostrum quae quod veniam."},parameters:{docs:{disable:!0}}},l=t("div")`
+  max-width: 500px;
+`,a=()=>i(l,{children:[e(o,{children:"Not enough long text for special behavior."}),e("br",{}),e(o,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aut delectus dolorem ea, explicabo illo minus nostrum quae quod veniam."})]}),m=()=>i(l,{children:[e(o,{children:"default props, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aut delectus dolorem ea, explicabo illo minus nostrum quae quod veniam."}),e("br",{}),e(o,{rowsCount:2,children:"rowsCount = 2, like in default Autocomplite component. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, tempore."})]}),n=()=>e(l,{children:e(o,{tooltipProps:{title:"custom tooltip, with separate settings",placement:"top-start"},children:"With custom tooltip settings. Lorem ipsum dolor sit amet, consecrate adipisicing elit. Assumenda autem debitis eligendi inventore magni nobis perspiciatis quisquam ratione, unde vel?"})}),u=()=>e(l,{children:e(o,{visibleLastSymbolsCount:10,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi consectetur corporis dolores eos, esse eum expedita hic minima molestias, nobis odio qui quisquam rem saepe ut, velit voluptate voluptates!"})});export{a as Example,r as Interaction,m as RowsCount,n as TooltipProps,u as VisibleLastSymbols,s as default};

package/lib/components/OverflowTypography/hooks/index.js

@@ -0,0 +1 @@
+export*from"./useOverflowed/index.js";

package/lib/components/OverflowTypography/hooks/useOverflowed/index.js

@@ -0,0 +1 @@
+export*from"./useOverflowed.js";

package/lib/components/OverflowTypography/hooks/useOverflowed/useOverflowed.js

@@ -0,0 +1 @@
+import{debounce as e}from"@mui/material";import{useLayoutEffect as t,useRef as r,useState as o}from"react";import{useFirstMountState as n}from"react-use";let i=i=>{let l=r(null),u=i&&"function"!=typeof i?i:l,[c,f]=o(!1),m=n(),s=([{target:e,contentRect:t}])=>{let r=Math.round(t.height)<e.scrollHeight,o=e.scrollWidth>Math.round(t.width);f(r||o)};return t(()=>{if(u?.current){let t=u.current,r={target:t,contentRect:t.getBoundingClientRect()};if(!m){let r=new ResizeObserver(e(s,500));return r.observe(t),()=>r.unobserve(t)}s([r])}},[u.current]),{isOverflowed:c,ref:u}};export{i as useOverflowed};

package/lib/components/OverflowTypography/index.js

@@ -0,0 +1 @@
+export*from"./OverflowTypography.js";

package/lib/components/OverflowTypography/styles.js

@@ -0,0 +1,20 @@
+import{Typography as e}from"../index.js";import{styled as i}from"../../theme/index.js";let t=i(e,{shouldForwardProp:e=>"rowsCount"!==e&&"hasMultipleRows"!==e})`
+  /* stylelint-disable-next-line */
+  overflow: hidden;
+  /* stylelint-disable-next-line */
+  display: ${({hasMultipleRows:e})=>e?"-webkit-box":""};
+
+  max-width: 100%;
+
+  text-overflow: ellipsis;
+  white-space: ${({hasMultipleRows:e})=>e?"initial":"nowrap"};
+  -webkit-box-orient: ${({hasMultipleRows:e})=>e?"vertical":""};
+  -webkit-line-clamp: ${({rowsCount:e})=>e};
+`,l=i(e,{shouldForwardProp:e=>!["$align"].includes(e.toString())})`
+  display: flex;
+  justify-content: ${({$align:e})=>e};
+
+  width: 100%;
+
+  white-space: nowrap;
+`;export{t as StyledTypography,l as Wrapper};

package/lib/components/OverflowTypography/useLogic/index.js

@@ -0,0 +1 @@
+export*from"./useLogic.js";

package/lib/components/OverflowTypography/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useOverflowed as e}from"../hooks/index.js";import{truncateString as r}from"../utils/index.js";let t=({children:t,visibleLastSymbolsCount:i,ref:o})=>{let{ref:s,isOverflowed:n}=e(o),l=t&&"string"==typeof t,{firstPartLabel:a,secondPartLabel:f}=l&&n&&i?r(i,t):{firstPartLabel:"",secondPartLabel:""};return{isTruncatedStringVisible:l&&n&&!!i,isOverflowed:n,ref:s,firstPartLabel:a,secondPartLabel:f}};export{t as useLogic};

package/lib/components/OverflowTypography/utils/index.js

@@ -0,0 +1 @@
+import{truncateString as t}from"./truncateString/index.js";export{t as truncateString};

package/lib/components/OverflowTypography/utils/truncateString/index.js

@@ -0,0 +1 @@
+export*from"./truncateString.js";

package/lib/components/OverflowTypography/utils/truncateString/truncateString.js

@@ -0,0 +1 @@
+let e=(e,t)=>({firstPartLabel:t.slice(0,-e),secondPartLabel:t.slice(-e)});export{e as truncateString};

package/lib/components/PageLayout/Aside/Aside.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{clsx as s}from"clsx";import{PAGE_ASIDE_CLASSNAME as t}from"../constants.js";import{Wrapper as m}from"./styles.js";let o=({children:o,className:e})=>r(m,{className:s(e,t),children:o});export{o as Aside};

package/lib/components/PageLayout/Aside/index.js

@@ -0,0 +1 @@
+export*from"./Aside.js";

package/lib/components/PageLayout/Aside/styles.js

@@ -0,0 +1,10 @@
+import{styled as e}from"../../../theme/index.js";let r=e("aside")`
+  grid-area: aside;
+  scrollbar-gutter: stable;
+  overflow: auto;
+
+  width: 320px;
+  padding: ${({theme:e})=>e.spacing(4)};
+  border-left: 1px solid ${({theme:e})=>e.palette.grey[200]};
+
+`;export{r as Wrapper};

package/lib/components/PageLayout/Content/Content.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{clsx as r}from"clsx";import{PAGE_CONTENT_CLASSNAME as e}from"../constants.js";import{Wrapper as o}from"./styles.js";let s=s=>{let{className:m,children:i,isFullHeight:l=!0}=s;return t(o,{className:r(m,e),$isFullHeight:l,children:i})};export{s as Content};

package/lib/components/PageLayout/Content/index.js

@@ -0,0 +1 @@
+export*from"./Content.js";

package/lib/components/PageLayout/Content/styles.js

@@ -0,0 +1,8 @@
+import{styled as o}from"../../../theme/index.js";let e=o("article",{shouldForwardProp:o=>!["$isFullHeight","$isFocusedMode"].includes(o.toString())})`
+  grid-area: content;
+  scroll-behavior: smooth;
+  scrollbar-gutter: stable;
+  overflow: auto;
+  height: ${({$isFullHeight:o})=>o?"100%":"auto"};
+  padding: ${({theme:o})=>o.spacing(4)};
+`;export{e as Wrapper};

package/lib/components/PageLayout/Footer/Footer.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Wrapper as e}from"./styles.js";let t=t=>{let{children:o,className:m}=t;return r(e,{className:m,children:o})};export{t as Footer};

package/lib/components/PageLayout/Footer/index.js

@@ -0,0 +1 @@
+export*from"./Footer.js";

package/lib/components/PageLayout/Footer/styles.js

@@ -0,0 +1,15 @@
+import{styled as e}from"../../../theme/index.js";let i=e("footer")`
+  grid-area: footer;
+  z-index: ${({theme:e})=>e.zIndex.speedDial};
+
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(4)};
+  align-items: center;
+  justify-content: flex-end;
+  height: 64px;
+  padding: ${({theme:e})=>e.spacing(4)};
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    display: none;
+  }
+`;export{i as Wrapper};

package/lib/components/PageLayout/Header/Header.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{clsx as t}from"clsx";import{useEffect as i}from"react";import{IconButton as l,Tooltip as n,useDashboard as o}from"../../index.js";import{ChevronLeft as a,PanelLeftClose as c,PanelLeftOpen as m}from"../../../icons/index.js";import{PAGE_HEADER_CLASSNAME as s}from"../constants.js";import{ActionsContainer as d,BreadcrumbsContainer as h,ButtonsContainer as p,Subtitle as f,SubtitleContainer as v,Title as x,TitleContainer as j,Wrapper as y}from"./styles.js";let g=g=>{let{title:u,subtitle:b,breadcrumbs:N,actions:k,backButton:C,className:H}=g,{collapsed:q,toggleCollapsed:w}=o();return i(()=>{"string"==typeof u&&(document.title=u)},[u]),r(y,{className:t(H,s),children:[r(p,{children:[e(n,{title:q?"Развернуть":"Свернуть",children:e(l,{variant:"text",onClick:w,children:q?e(m,{}):e(c,{})})}),C&&e(n,{title:"Назад",children:e(l,{...C,variant:"text",children:e(a,{})})})]}),N&&e(h,{className:"breadcrumbs",children:N}),e(d,{children:k}),"string"==typeof u?e(x,{component:"h1",variant:"h3","aria-level":1,children:u}):e(j,{"aria-level":1,children:u}),b&&"string"==typeof b&&e(f,{"aria-level":2,children:b}),b&&"string"!=typeof b&&e(v,{"aria-level":2,children:b})]})};export{g as Header};

package/lib/components/PageLayout/Header/index.js

@@ -0,0 +1 @@
+export*from"./Header.js";

package/lib/components/PageLayout/Header/styles.js

@@ -0,0 +1,44 @@
+import{OverflowTypography as t}from"../../index.js";import{styled as e}from"../../../theme/index.js";let i=e("div")`
+  grid-area: breadcrumbs;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,a=e("header")`
+  grid-area: header;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: repeat(3, auto);
+  align-items: center;
+  grid-template-areas: 'buttons title actions' 'subtitle subtitle subtitle' '. . .';
+  padding: ${({theme:t})=>t.spacing(4)};
+  gap: ${({theme:t})=>t.spacing(2)};
+  padding-bottom: 0;
+  &:has(.breadcrumbs) {
+    grid-template-areas:  'buttons breadcrumbs actions' 'title title title' 'subtitle subtitle subtitle';
+  }
+`,r=e("div")`
+  grid-area: buttons;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(1)};
+`,n=e("div")`
+  grid-area: actions;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,l=e(t)`
+  grid-area: title;
+`,s=e("div")`
+  grid-area: title;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`,d=e(t)`
+  grid-area: subtitle;
+`,g=e("div")`
+  grid-area: subtitle;
+  display: flex;
+  align-items: center;
+  column-gap: ${({theme:t})=>t.spacing(2)};
+`;export{n as ActionsContainer,i as BreadcrumbsContainer,r as ButtonsContainer,d as Subtitle,g as SubtitleContainer,l as Title,s as TitleContainer,a as Wrapper};

package/lib/components/PageLayout/PageLayout.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Aside as o}from"./Aside/index.js";import{Content as r}from"./Content/index.js";import{Footer as t}from"./Footer/index.js";import{Header as i}from"./Header/index.js";import{Wrapper as m}from"./styles.js";let s=({children:o,className:r})=>e(m,{className:r,children:o});s.Header=i,s.Content=r,s.Footer=t,s.Aside=o;export{s as PageLayout};

package/lib/components/PageLayout/PageLayout.stories.js

@@ -0,0 +1,4 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Breadcrumbs as t,Stack as l}from"@mui/material";import{Building2 as r,Eye as n,FileText as o,LogOut as d,Plus as a,Search as c,Send as m,Settings as s,User as h}from"lucide-react";import{useState as u}from"react";import{styled as p}from"../../theme/index.js";import{ActionGroup as f}from"../ActionGroup/index.js";import{Container as x}from"../Container/index.js";import{DashboardLayout as b,useDashboard as g}from"../DashboardLayout/index.js";import{DataGrid as D}from"../DataGrid/index.js";import{DataGridActionCell as C}from"../DataGridActionCell/index.js";import{DataGridPagination as w}from"../DataGridPagination/index.js";import{Divider as j}from"../Divider/index.js";import{List as T}from"../List/index.js";import{ListItemButton as N}from"../ListItemButton/index.js";import{ListItemIcon as Z}from"../ListItemIcon/index.js";import{ListItemText as I}from"../ListItemText/index.js";import{Menu as v}from"../Menu/index.js";import{MenuItem as y}from"../MenuItem/index.js";import{Profile as W}from"../Profile/index.js";import{Select as H}from"../Select/index.js";import{SidebarNav as k}from"../SidebarNav/index.js";import{SidebarProduct as P}from"../SidebarProduct/index.js";import{TextField as L}from"../TextField/index.js";import{Typography as V}from"../Typography/index.js";import{PageLayout as A}from"./PageLayout.js";let z={name:"UI",logo:()=>i("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("title",{children:"Logo"}),e("path",{d:"M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z",fill:"#8566FF"}),e("path",{d:"M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z",fill:"#5D3FD4"})]})},F={displayName:"Григорьев Виталий",annotation:"vitatiy_grig@mail.ru",avatar:{alt:"Григорьев Виталий",children:"ГВ"},menu:t=>i(v,{...t,children:[i(y,{children:[e(Z,{children:e(h,{})}),e(I,{children:"Мой профиль"})]}),i(y,{children:[e(Z,{children:e(r,{})}),e(I,{children:"Мои организации"})]}),i(y,{children:[e(Z,{children:e(s,{})}),e(I,{children:"Настройки"})]}),e(j,{}),i(y,{children:[e(Z,{children:e(d,{})}),e(I,{children:"Выйти"})]})]})},S=()=>{let{collapsed:i}=g();return e(W,{...F,collapsed:i})},M=p("div")`
+  width: 100%;
+  height: 100%;
+`,R={title:"Components/PageLayout",component:A,decorators:[(t,l)=>e(M,{children:i(b,{children:[e(b.Sidebar,{header:e(P,{...z}),footer:e(S,{}),content:e(k,{items:[{id:"documents",icon:e(o,{}),label:"Документы",subItems:[{id:"incoming-documents",label:"Входящие документы",active:!0},{id:"outgoing-documents",label:"Исходящие документы"}]},{id:"counterparties",icon:e(h,{}),label:"Контрагенты",subItems:[{id:"invitations",label:"Приглашения"}]},{id:"organizations",icon:e(r,{}),label:"Мои организации"}]})}),e(b.Main,{children:e(t,{...l})})]})})],parameters:{layout:"fullscreen"}},B=[{id:"1",documentName:"Документ 1",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"2",documentName:"Документ 2",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"3",documentName:"Документ 3",direction:"ПФР",createDate:"2022-03-24T17:50:40.206Z"},{id:"4",documentName:"Документ 4",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"5",documentName:"Документ 5",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"6",documentName:"Документ 6",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"7",documentName:"Документ 7",direction:"ПФР",createDate:"2022-03-24T17:50:40.206Z"},{id:"8",documentName:"Документ 8",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"9",documentName:"Документ 9",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"10",documentName:"Документ 10",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"11",documentName:"Документ 11",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"12",documentName:"Документ 12",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"},{id:"13",documentName:"Документ 13",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"15",documentName:"Документ 14",direction:"ФСС",createDate:"2022-03-24T17:50:40.206Z"},{id:"14",documentName:"Документ 15",direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},{id:"16",documentName:"Документ 12",direction:"РПН",createDate:"2022-03-24T17:50:40.206Z"}],G={main:[{icon:e(n,{}),name:"Просмотреть",onClick:()=>console.log("main"),isBlockingOperation:!0},{icon:e(m,{}),nested:!0,name:"Отправить",actions:[{name:"Туда",onClick:()=>console.log("nested 1")},{name:"Сюда",onClick:()=>console.log("nested 2")}]}],secondary:[{name:"Редактировать",onClick:()=>console.log("secondary 1")},{name:"Удалить",onClick:()=>console.log("secondary 2")}]},_=[{field:"documentName",label:"Наименование документа",sortable:!0},{field:"direction",label:"Направление",sortable:!0},{field:"createDate",label:"Дата создания",sortable:!0,format:({createDate:e})=>new Date(e).toLocaleDateString()},{field:"actions",label:"Действия",sortable:!1,align:"center",width:"120px",renderCell:i=>e(C,{actions:G,row:i})}],E=()=>i(A,{children:[e(A.Header,{title:"Черновики",backButton:{onClick:()=>console.log("back button click")},breadcrumbs:i(t,{children:[e(V,{children:"Первый текст"},"1"),",",e(V,{children:"Текст с разделителем"},"2"),",",e(V,{children:"Текст с разделителем"},"3"),","]}),actions:e(f,{main:[{text:"Основное действие",startIcon:e(a,{})}],secondary:[{text:"Кнопка"}]}),subtitle:i(l,{flexDirection:"row",flexWrap:"wrap",gap:2,children:[e(L,{placeholder:"Поиск на странице...",size:"small",InputProps:{startAdornment:e(c,{})}}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"})]})}),e(A.Content,{children:e(l,{children:i(x,{direction:"column",children:[e(V,{variant:"h4",children:"Налоговый расчет по авансовому платежу по налогу на имущество организаций"}),i(l,{flexDirection:"row",gap:4,pt:8,children:[e(L,{label:"Номер корректировки",fullWidth:!0}),e(L,{label:"Период (код)",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Код налогового органа",fullWidth:!0}),e(L,{label:"Код места, по которому представляется документ",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Наименование организации",fullWidth:!0}),e(L,{label:"Контактный телефон",fullWidth:!0})]})]})})}),i(A.Aside,{children:[e(L,{placeholder:"Поиск по отчету",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),i(T,{children:[e(N,{selected:!0,children:"Титульный лист"}),e(N,{children:"Раздел 1"}),e(N,{children:"Раздел 2"}),e(N,{children:"Раздел 3"}),e(N,{children:"Раздел 4"}),e(N,{children:"Раздел 5"})]})]})]}),O=()=>{let[l,r]=u([]),[n,o]=u(!1),[d,m]=u(B.slice(0,10)),[s,h]=u(1);return i(A,{children:[e(A.Header,{title:"Черновики",breadcrumbs:i(t,{children:[e(V,{children:"Первый текст"},"1"),",",e(V,{children:"Текст с разделителем"},"2"),",",e(V,{children:"Текст с разделителем"},"3"),","]}),actions:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]}),subtitle:i(x,{templateColumns:"240px repeat(2, 192px)",gap:2,children:[e(L,{placeholder:"Поиск на странице...",size:"small",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"}),e(H,{value:"",placeholder:"Выберите вариант",size:"small"})]})}),e(A.Content,{children:e(D,{keyId:"id",rows:d,columns:_,selectedRows:l,onSelectRow:e=>r(e),onRowClick:e=>console.log("row clicked",e),minDisplayRows:10,isLoading:n,onRetry:()=>{},footer:e(w,{rowsPerPage:10,totalCount:B.length,onChange:(e,i)=>{o(!0),h(i),setTimeout(()=>{o(!1),m(B.slice((i-1)*10,10*i))},1500)},page:s})})})]})},U=()=>i(A,{children:[e(A.Header,{title:"Черновики",breadcrumbs:[e(V,{children:"Первый текст"},"1"),e(V,{children:"Текст с разделителем"},"2"),e(V,{children:"Текст с разделителем"},"3")],actions:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]})}),e(A.Content,{isFullHeight:!1,children:e(l,{children:i(x,{direction:"column",children:[e(V,{variant:"h4",children:"Налоговый расчет по авансовому платежу по налогу на имущество организаций"}),i(l,{flexDirection:"row",gap:4,pt:8,children:[e(L,{label:"Номер корректировки",fullWidth:!0}),e(L,{label:"Период (код)",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Код налогового органа",fullWidth:!0}),e(L,{label:"Код места, по которому представляется документ",fullWidth:!0})]}),i(l,{flexDirection:"row",gap:4,children:[e(L,{label:"Наименование организации",fullWidth:!0}),e(L,{label:"Контактный телефон",fullWidth:!0})]})]})})}),i(A.Aside,{children:[e(L,{placeholder:"Поиск по отчету",fullWidth:!0,InputProps:{startAdornment:e(c,{})}}),i(T,{children:[e(N,{selected:!0,children:"Титульный лист"}),e(N,{children:"Раздел 1"}),e(N,{children:"Раздел 2"}),e(N,{children:"Раздел 3"}),e(N,{children:"Раздел 4"}),e(N,{children:"Раздел 5"})]})]}),e(A.Footer,{children:e(f,{main:[{text:"Сохранить в документ",startIcon:e(a,{})},{text:"Скачать"}]})})]});export{E as Example,U as Footer,O as Table,R as default};

package/lib/components/PageLayout/constants.js

@@ -0,0 +1 @@
+let A="page-content__wrapper",E="page-content",_="page_header_actions",e="page_header",S="page_aside";export{S as PAGE_ASIDE_CLASSNAME,E as PAGE_CONTENT_CLASSNAME,A as PAGE_CONTENT_WRAPPER_CLASSNAME,_ as PAGE_HEADER_ACTIONS_CLASSNAME,e as PAGE_HEADER_CLASSNAME};

package/lib/components/PageLayout/index.js

@@ -0,0 +1 @@
+export*from"./PageLayout.js";

package/lib/components/PageLayout/styles.js

@@ -0,0 +1,32 @@
+import{styled as e}from"../../theme/index.js";import{PAGE_ASIDE_CLASSNAME as o,PAGE_HEADER_CLASSNAME as t}from"./constants.js";let r=e("div")`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto 1fr auto;
+  border: 1px solid ${({theme:e})=>e.palette.grey[200]};
+  border-radius: ${({theme:e})=>e.shape.large};
+  background-color: ${({theme:e})=>e.palette.background.paper};
+  grid-template-areas: 'header header' 'content aside' 'footer aside';
+  flex-grow: 1;
+
+  height: 100%;
+  min-height: 0;
+
+  &:has(.${o}) {
+    .${t} {
+      border-bottom: 1px solid ${({theme:e})=>e.palette.grey[200]};
+      padding-bottom: ${({theme:e})=>e.spacing(4)};
+    }
+  }
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    scroll-behavior: smooth;
+
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: '80px';
+  }
+`;export{r as Wrapper};

package/lib/components/Pagination/Pagination.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{Pagination as i}from"@mui/material";let r=({...r})=>a(i,{color:"primary",size:"small",shape:"rounded",...r});export{r as Pagination};

package/lib/components/Pagination/Pagination.stories.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import{Container as a}from"../Container/index.js";import{Typography as r}from"../Typography/index.js";import{Pagination as i}from"./Pagination.js";let l={title:"Components/Pagination",component:i},m={args:{count:10},parameters:{docs:{disable:!0}}},p=()=>t(n,{children:t(i,{count:10})}),c=()=>o(a,{gap:3,children:[t(i,{count:10,defaultPage:6,siblingCount:0}),t(i,{count:10,defaultPage:6})]}),g=()=>{let[n,l]=e(1);return o(a,{gap:3,children:[o(r,{children:["Страница: ",n]}),t(i,{count:10,page:n,onChange:(n,t)=>{l(t)}})]})};export{g as Controlled,p as Example,m as Interaction,c as PaginationRanges,l as default};

package/lib/components/Pagination/index.js

@@ -0,0 +1 @@
+export*from"./Pagination.js";export*from"./types.js";

package/lib/components/Paper/Paper.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Paper as e}from"@mui/material";let a=a=>r(e,{...a});export{a as Paper};

package/lib/components/Paper/index.js

@@ -0,0 +1 @@
+export*from"./Paper.js";

package/lib/components/PeriodPicker/PeriodPicker.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as t,jsxs as r}from"react/jsx-runtime";import{Calendar1 as l}from"lucide-react";import{useEffect as n,useState as o}from"react";import{Button as i}from"../Button/index.js";import{IconButton as a}from"../IconButton/index.js";import{Popover as m}from"../Popover/index.js";import{TextField as d}from"../TextField/index.js";import{MONTHS as c,QUARTERS as s}from"./constants.js";import{MonthsWrapper as h,QuartersWrapper as u,Wrapper as p}from"./styles.js";import{getQuarter as g,getQuarterLabel as f}from"./utils.js";import{YearsDropdown as x}from"./YearsDropdown/index.js";let D=D=>{let{label:j,disabled:v=!1,value:F,onSelect:Y,type:b="month",placeholder:w="month"===b?"Выберите месяц":"Выберите квартал",error:z,helperText:k,max:C=new Date(2050,0,1),min:y=new Date(2e3,0,1),className:P,size:T,fullWidth:B,name:M}=D,O=new Date,[S,A]=o(null),[E,I]=o(O.getFullYear()),L=()=>{A(null)},N=e=>{Y?.(e),L()},R="month"===b?F?.toLocaleDateString("ru-RU",{month:"long",year:"numeric"}):f(F);return n(()=>{F&&I(F.getFullYear())},[F]),r(e,{children:[t(d,{label:j,value:R,disabled:v,size:T,fullWidth:B,name:M,endAdornment:t(a,{disabled:v,variant:"text",onClick:e=>{A(e.currentTarget)},children:t(l,{})}),placeholder:w,error:z,helperText:k,className:P}),t(m,{open:!!S,anchorEl:S,onClose:L,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:r(p,{children:[t(x,{year:E,onSelect:I,minDate:y,maxDate:C}),"month"===b?t(h,{children:c.map((e,r)=>{let l=new Date(E,r,F?.getDate()||1);return t(i,{variant:"text",size:"small",disabled:l<y||l>C,onClick:()=>N(l),selected:F?.getMonth()===r&&F.getFullYear()===l.getFullYear(),children:e},e)})}):t(u,{children:s.map((e,r)=>{let l=new Date(E,3*r,1);return t(i,{variant:"text",size:"small",disabled:l<y||l>C,onClick:()=>N(l),selected:!!F&&g(F.getMonth())===r&&F.getFullYear()===l.getFullYear(),children:e},e)})})]})})]})};export{D as PeriodPicker};

package/lib/components/PeriodPicker/PeriodPicker.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r}from"react";import{Container as o}from"../Container/index.js";import{Typography as i}from"../Typography/index.js";import{PeriodPicker as n}from"./PeriodPicker.js";let a={title:"Components/PeriodPicker",component:n,parameters:{layout:"centered"},tags:["autodocs"]},c=()=>{let[a,c]=r(new Date);return t(o,{direction:"column",children:[t(i,{children:["Selected date: ",a?.toLocaleDateString()]}),e(n,{max:new Date(2025,8,1),value:a,onSelect:c})]})},l=()=>{let[a,c]=r(new Date);return t(o,{direction:"column",children:[t(i,{children:["Selected date: ",a?.toLocaleDateString()]}),e(n,{type:"quarter",value:a,onSelect:c})]})};export{c as Default,l as Quarter,a as default};