@max-ts/components 1.7.0 → 1.8.0

package/lib/components/DescriptionList/DescriptionList.stories.js

@@ -0,0 +1,5 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{styled as a}from"../../theme/index.js";import{Button as o}from"../Button/index.js";import{Typography as n}from"../Typography/index.js";import{DescriptionList as t}from"./DescriptionList.js";let i={title:"Components/DescriptionList",component:t},r={args:{items:[{name:"ИНН",value:"295995231495",options:{nameMaxWidth:"200px",color:"primary",canCopy:!0}},{name:"Описание",value:"ИНН физического лица является последовательностью из 12 цифр",options:{nameMaxWidth:"300px",color:"error"}}],justifyContent:"space-between",leader:!0,separator:":",title:"Заголовок блока"},parameters:{options:{showPanel:!0},docs:{disable:!0}}},m=a("div")`
+  width: 400px;
+`,s=a("div")`
+  width: 200px;
+`,l=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"Описание ИНН физического лица",value:"ИНН физического лица является последовательностью из 12 цифр"},{name:"СНИЛС",value:""}],variant:"contained",title:"Данные физ. лица"}),p=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"СНИЛС",value:"23339576886"}]}),u=()=>e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0,copyPosition:"left"}},{name:"СНИЛС",value:"23339576886",options:{canCopy:!0}}]}),c=()=>e(s,{children:e(t,{items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"guid",value:"83273239-19d9-47db-ae3b-d4c6f24bbbee",options:{canCopy:!0,variant:"guid",copyText:"83273239-19d9-47db-ae3b-d4c6f24bbbee"}}]})}),v=()=>e(t,{variant:"contained",items:[{name:"ИНН",value:"295995231495",options:{canCopy:!0}},{name:"Описание ИНН физического лица",value:"ИНН физического лица является последовательностью из 12 цифр"},{name:"СНИЛС",value:""}]}),d=()=>e(t,{items:[{name:"Полное именование",value:'_тест_ОАО "Тестовое коммерческое профессиональное учреждение\n          Специальное управление службы №007 Министерство Внутренней Разработки\n          по делам тестирования, исправления, чрезвычайным ситуациям и\n          ликвидации последствии действия багов"',options:{nameMaxWidth:"100px"}},{name:"Описания ИНН юридического лица",value:"ИНН юридического лица — последовательность из 10 арабских цифр"}]}),y=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],justifyContent:"space-between"}),C=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д.",options:{canCopy:!0}},{name:"Описание",value:"ИНН юридического лица — последовательность из 10 арабских цифр",options:{canCopy:!0,copyPosition:"left"}}],justifyContent:"space-between"}),b=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],leader:!0}),g=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],direction:"column"}),x=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д."},{name:"ФИО",value:"Швецова Мария Дмитриевна"}],separator:"-"}),f=()=>{let a=[{name:"Название показателя",value:"Значение показателя",options:{renderValue:a=>e(o,{variant:"text",children:a})}},{name:"Название показателя",value:"Значение показателя",options:{renderValue:a=>e(n,{color:"primary",children:a})}}];return e(t,{items:a})},h=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"error",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"success",variant:"tag"}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary",variant:"tag"}}]}),w=()=>e(s,{children:e(t,{items:[{name:"guid",value:"c9b9b0ed-99b0-4d6a-9bf3-d9205398ca95",options:{variant:"guid"}},{name:"guid",value:"fd81ae06-cbd4-48a5-8852-547119bb7aa6",options:{variant:"guid",canCopy:!0,copyText:"fd81ae06-cbd4-48a5-8852-547119bb7aa6"}}]})}),j=()=>e(m,{children:e(t,{items:[{name:"Полное наименование",value:'ПРЕДСТАВИТЕЛЬСТВО АО"КАЛУГА АСТРАЛ" (Г.БАРНАУЛ)#1 '},{name:"Краткое наименование",value:'АО"КАЛУГА АСТРАЛ"'}],leader:!0})}),L=()=>e(m,{children:e(t,{items:[{name:"Описания ИНН юридического лица",value:"ИНН юридического лица — последовательность из 10 арабских цифр"},{name:"Описания ИНН юридического лица",value:'ИНН юридического лица — последовательность из 10 арабских цифр"',options:{nameMaxWidth:"100px"}}]})}),V=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey"}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning"}},{name:"Название показателя",value:"Значение показателя",options:{color:"error"}},{name:"Название показателя",value:"Значение показателя",options:{color:"success"}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary"}}]}),D=()=>e(t,{items:[{name:"Название показателя",value:"Значение показателя",options:{color:"grey",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"warning",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"error",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"success",canCopy:!0}},{name:"Название показателя",value:"Значение показателя",options:{color:"primary",canCopy:!0}}]}),M=()=>e(t,{items:[{name:"ФИО",value:"Швецова М. Д"},{name:"СНИЛС",value:""}]});export{p as CanCopy,V as Colors,D as ColorsCanCopy,v as Contained,u as CopyPosition,c as CopyText,f as CustomRenderOption,g as Direction,M as EmptyValue,l as Example,r as Interaction,y as JustifyContent,C as JustifyContentCanCopy,b as Leader,j as LongDescriptionValueLeader,L as LongNameValue,d as NameMaxWidth,x as Separator,w as VariantGuid,h as VariantTag,i as default};

package/lib/components/DescriptionList/index.js

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

package/lib/components/DescriptionList/styles.js

@@ -0,0 +1,30 @@
+import{styled as i}from"../../theme/index.js";import{Description as r}from"../Description/index.js";let o=i(r.Name,{shouldForwardProp:i=>!["$nameMaxWidth, $direction"].includes(i.toString())})`
+  max-width: ${({$nameMaxWidth:i})=>i||"none"};
+  margin-bottom: ${({theme:i,$direction:r})=>Object.is(r,"column")?i.spacing(1):0};
+
+  ${({theme:i})=>i.breakpoints.down("sm")} {
+    margin-bottom: ${({theme:i,$direction:r})=>Object.is(r,"row")?0:i.spacing(1)};
+  }
+`,a=i("article",{shouldForwardProp:i=>!["$variant"].includes(i.toString())})`
+  display: grid;
+  row-gap: ${({theme:i})=>i.spacing(3)};
+
+  padding: ${({$variant:i,theme:r})=>"contained"===i?r.spacing(4):0};
+
+  background-color: ${({$variant:i,theme:r})=>"contained"===i?r.palette.background.default:"transparent"};
+  border: ${({$variant:i,theme:r})=>"contained"===i?`1px solid ${r.palette.grey[300]}`:"unset"};
+  border-radius: ${({theme:i})=>i.shape.small};
+`,n=i("dl",{shouldForwardProp:i=>!["$direction"].includes(i.toString())})`
+  display: grid;
+  row-gap: ${({theme:i,$direction:r})=>Object.is(r,"column")?i.spacing(3):i.spacing(1)};
+
+  margin: 0;
+
+  ${({theme:i})=>i.breakpoints.down("sm")} {
+    row-gap: ${({theme:i})=>i.spacing(3)};
+  }
+`,e=i(r.Value,{shouldForwardProp:i=>!["$isCopy"].includes(i.toString())})`
+  display: ${({$isCopy:i})=>i&&"flex"};
+
+  width: ${({$isCopy:i})=>i&&"calc(100% - 20px)"};
+`;export{n as ListWrapper,o as StyledDescriptionName,e as StyledDescriptionValue,a as Wrapper};

package/lib/components/DescriptionList/utils/getTooltipProps/getTooltipProps.js

@@ -0,0 +1 @@
+let o=o=>o?{title:void 0}:void 0;export{o as getTooltipProps};

package/lib/components/DescriptionList/utils/getTooltipProps/index.js

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

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

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

package/lib/components/DescriptionTooltip/DescriptionTooltip.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{DescriptionList as t}from"../DescriptionList/index.js";import{StyledTooltip as i}from"./styles.js";function o({arrow:o,followCursor:e,children:n,...s}){return r(i,{arrow:!0,title:r(t,{...s}),children:n})}export{o as DescriptionTooltip};

package/lib/components/DescriptionTooltip/index.js

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

package/lib/components/DescriptionTooltip/styles.js

@@ -0,0 +1,12 @@
+import{tooltipClasses as o}from"@mui/material";import{styled as t}from"../../theme/index.js";import{Tooltip as i}from"../Tooltip/index.js";let e=t(i)`
+  .${o.tooltip} {
+    background-color: ${({theme:o})=>o.palette.common.white};
+    color: ${({theme:o})=>o.palette.text.primary};
+    box-shadow: ${({theme:o})=>o.shadows[1]};
+    font-size: 11px;
+    width: auto;
+    max-width: 400px;
+    padding: ${({theme:o})=>o.spacing(2)};
+    box-shadow: ${({theme:o})=>o.shadows[4]};
+  }
+`;export{e as StyledTooltip};

package/lib/components/Dialog/Dialog.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useViewportType as e}from"../../hooks/index.js";import{BottomDrawer as i}from"../BottomDrawer/index.js";import{DialogTitle as t}from"../DialogTitle/index.js";import{StyledDialog as l}from"./styles.js";let m=({children:m,title:s,disableBackdropClick:n,onClose:d,size:p="md",...c})=>{let a=d&&((o,r)=>{n&&"backdropClick"===r||d(o,r)}),{isMobile:f}=e();return f?o(i,{onClose:a,title:s,children:m}):r(l,{$size:p,onClose:a,...c,children:[s&&o(t,{onClose:d,children:s}),m]})};export{m as Dialog};

package/lib/components/Dialog/Dialog.stories.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as n}from"react";import{Button as r}from"../Button/index.js";import{Container as o}from"../Container/index.js";import{DescriptionList as c}from"../DescriptionList/index.js";import{DialogActions as t}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogContentText as d}from"../DialogContentText/index.js";import{DialogHeader as h}from"../DialogHeader/index.js";import{Tag as s}from"../Tag/index.js";import{Typography as C}from"../Typography/index.js";import{Dialog as m}from"./Dialog.js";let g={title:"Components/Dialog",component:m},p={args:{title:"Заголовок диалога",open:!1},parameters:{docs:{disable:!0}}},u=[{name:"Дата поступления",value:"12.06.2024 в 11:11"},{name:"Тип заявки",value:"Создание"},{name:"ID учетной записи",value:"4d1f0594-bc22-4660-8e7d-83a024126ef3"},{name:"ID док-оборота",value:"222a1343-rf12-6660-1e3q-88a911143yr1"},{name:"ИНН",value:"77724528768"},{name:"КПП",value:"772401001"},{name:"Конфигурация",value:"Значение показателя"},{name:"Удостоверенный центр",value:"УЦ \xabКалуга Астрал\xbb"}],k=()=>{let[o,c]=n(!1),h=()=>{c(!1)};return l(i,{children:[e(r,{onClick:()=>{c(!0)},children:"Default dialog"}),l(m,{open:o,onClose:h,title:"Заголовок",children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:h,children:"Отмена"}),e(r,{autoFocus:!0,onClick:h,children:"Готово"})]})]})]})},v=()=>{let[o,c]=n(!1),h=()=>{c(!1)};return l(i,{children:[e(r,{onClick:()=>{c(!0)},children:"Custom title"}),l(m,{open:o,onClose:h,title:l(i,{children:["Заголовок",e(C,{color:"grey",colorIntensity:"500",children:"| Подзаголовок"})]}),children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:h,children:"Отмена"}),e(r,{autoFocus:!0,onClick:h,children:"Готово"})]})]})]})},x=()=>{let[c,C]=n(!1),[g,p]=n(!1),u=()=>{C(!1)},k=()=>{p(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>{C(!0)},children:"Dialog header left"}),e(r,{onClick:()=>{p(!0)},children:"Dialog header left"})]}),l(m,{open:c,onClose:u,children:[e(h,{title:"Заголовок",onClose:u,children:e(s,{variant:"light",label:"Light Tag",color:"primary"})}),e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:u,children:"Отмена"}),e(r,{autoFocus:!0,onClick:u,children:"Готово"})]})]}),l(m,{open:g,onClose:k,children:[e(h,{title:"Заголовок",onClose:k,justifyContent:"flex-end",children:e(s,{variant:"contained",label:"Light Tag",color:"primary"})}),e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:k,children:"Отмена"}),e(r,{autoFocus:!0,onClick:k,children:"Готово"})]})]})]})},D=()=>{let[c,h]=n(!1),[s,C]=n(!1),g=()=>{h(!1)},p=()=>{C(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>{h(!0)},children:"Dialog actions"}),e(r,{onClick:()=>{C(!0)},children:"Dialog more actions"})]}),l(m,{open:c,onClose:g,title:"Заголовок",children:[e(a,{children:e(d,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:g,children:"Отмена"}),e(r,{autoFocus:!0,onClick:g,children:"Готово"})]})]}),l(m,{open:s,onClose:p,title:"Заголовок",children:[e(a,{children:e(d,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),l(t,{children:[e(r,{variant:"text",onClick:p,children:"Вернуться позже"}),e(r,{variant:"text",onClick:p,children:"Отмена"}),e(r,{autoFocus:!0,onClick:p,children:"Готово"})]})]})]})},f=()=>{let[d,h]=n(!1),[s,C]=n(!1),[g,p]=n(!1),[k,v]=n(!1),[x,D]=n(!1),f=()=>{h(!1)},j=()=>{C(!1)},z=()=>{p(!1)},y=()=>{v(!1)},F=()=>{D(!1)};return l(i,{children:[l(o,{gap:2,children:[e(r,{onClick:()=>h(i=>!i),children:"Dialog xs size"}),e(r,{onClick:()=>C(i=>!i),children:"Dialog sm size"}),e(r,{onClick:()=>p(i=>!i),children:"Dialog md size"}),e(r,{onClick:()=>v(i=>!i),children:"Dialog lg size"}),e(r,{onClick:()=>D(i=>!i),children:"Dialog xl size"})]}),l(m,{open:d,onClose:f,title:"Заявка",size:"xs",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:f,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:f,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:s,onClose:j,title:"Заявка",size:"sm",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:j,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:j,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:g,onClose:z,title:"Заявка",size:"md",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:z,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:z,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:k,onClose:y,title:"Заявка",size:"lg",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:y,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:y,variant:"light",color:"success",children:"Принять"})]})]}),l(m,{open:x,onClose:F,title:"Заявка",size:"xl",children:[e(a,{children:e(c,{items:u,leader:!0})}),l(t,{children:[e(r,{onClick:F,variant:"light",color:"error",children:"Отклонить"}),e(r,{onClick:F,variant:"light",color:"success",children:"Принять"})]})]})]})};export{x as CustomHeader,v as CustomTitle,D as DialogActions,k as Example,p as Interaction,f as Size,g as default};

package/lib/components/Dialog/constants.js

@@ -0,0 +1 @@
+let x={xs:{minWidth:"300px",maxWidth:"399px"},sm:{minWidth:"400px",maxWidth:"499px"},md:{minWidth:"500px",maxWidth:"599px"},lg:{minWidth:"600px",maxWidth:"699px"},xl:{minWidth:"700px",maxWidth:"980px"}};export{x as SIZES};

package/lib/components/Dialog/index.js

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

package/lib/components/Dialog/styles.js

@@ -0,0 +1,9 @@
+import{Dialog as o,backdropClasses as t,dialogClasses as r}from"@mui/material";import{styled as i}from"../../theme/index.js";import{SIZES as m}from"./constants.js";let d=o=>m[o]||m.md,a=i(o,{shouldForwardProp:o=>!["$size"].includes(o.toString())})`
+  &.${r.root} .${t.root} {
+    background-color: ${({theme:o})=>o.palette.background.modalShadow};
+  }
+  .${r.paper} {
+    min-width: ${({$size:o})=>d(o).minWidth};
+    max-width: ${({$size:o})=>d(o).maxWidth};
+  }
+`;export{a as StyledDialog};

package/lib/components/DialogActions/DialogActions.js

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

package/lib/components/DialogActions/DialogActions.stories.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as e}from"react";import{Button as t}from"../Button/index.js";import{Container as r}from"../Container/index.js";import{Dialog as l}from"../Dialog/index.js";import{DialogContent as c}from"../DialogContent/index.js";import{DialogContentText as a}from"../DialogContentText/index.js";import{DialogActions as d}from"./DialogActions.js";let s={title:"Components/DialogActions",component:d},m={args:{children:o(t,{children:"Готово"})},parameters:{docs:{disable:!0}}},h=()=>{let[s,m]=e(!1),[h,p]=e(!1),C=()=>{m(!1)},x=()=>{p(!1)};return n(i,{children:[n(r,{gap:2,children:[o(t,{onClick:()=>{m(!0)},children:"Dialog actions"}),o(t,{onClick:()=>{p(!0)},children:"Dialog more actions"})]}),n(l,{open:s,onClose:C,title:"Заголовок",children:[o(c,{children:o(a,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),n(d,{children:[o(t,{variant:"text",onClick:C,children:"Отмена"}),o(t,{autoFocus:!0,onClick:C,children:"Готово"})]})]}),n(l,{open:h,onClose:x,title:"Заголовок",children:[o(c,{children:o(a,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),n(d,{children:[o(t,{variant:"text",onClick:x,children:"Вернуться позже"}),o(t,{variant:"text",onClick:x,children:"Отмена"}),o(t,{autoFocus:!0,onClick:x,children:"Готово"})]})]})]})};export{h as Example,m as Interaction,s as default};

package/lib/components/DialogActions/index.js

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

package/lib/components/DialogActions/styles.js

@@ -0,0 +1,3 @@
+import{DialogActions as t}from"@mui/material";import{styled as i}from"../../theme/index.js";let o=i(t)`
+  padding-top: 0;
+`;export{o as StyledDialogActions};

package/lib/components/DialogContent/DialogContent.js

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

package/lib/components/DialogContent/DialogContent.stories.js

@@ -0,0 +1 @@
+import{Fragment as o,jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{Button as n}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as l}from"../DialogActions/index.js";import{DialogContentText as a}from"../DialogContentText/index.js";import{DialogContent as c}from"./DialogContent.js";let m={title:"Components/DialogContent",component:c},d={args:{children:"DialogContent"},parameters:{docs:{disable:!0}}},s=()=>{let[m,d]=i(!1),s=()=>{d(!1)};return e(o,{children:[t(n,{onClick:()=>{d(!0)},children:"Default dialog"}),e(r,{open:m,onClose:s,title:"Заголовок",children:[t(c,{children:t(a,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),e(l,{children:[t(n,{variant:"text",onClick:s,children:"Отмена"}),t(n,{autoFocus:!0,onClick:s,children:"Готово"})]})]})]})};export{s as Example,d as Interaction,m as default};

package/lib/components/DialogContent/index.js

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

package/lib/components/DialogContent/styles.js

@@ -0,0 +1,7 @@
+import{DialogContent as t}from"@mui/material";import{styled as i}from"../../theme/index.js";let o=i(t)`
+  padding-bottom: ${({theme:t})=>t.spacing(6)};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    padding: ${({theme:t})=>t.spacing(5,4)};
+  }
+`;export{o as StyledDialogContent};

package/lib/components/DialogContentText/DialogContentText.js

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

package/lib/components/DialogContentText/DialogContentText.stories.js

@@ -0,0 +1 @@
+import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{Button as n}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as l}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogContentText as c}from"./DialogContentText.js";let m={title:"Components/DialogContentText",component:c},d={args:{children:"DialogContentText"},parameters:{docs:{disable:!0}}},s=()=>{let[m,d]=i(!1),s=()=>{d(!1)};return e(t,{children:[o(n,{onClick:()=>{d(!0)},children:"Default dialog"}),e(r,{open:m,onClose:s,title:"Заголовок",children:[o(a,{children:o(c,{children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),e(l,{children:[o(n,{variant:"text",onClick:s,children:"Отмена"}),o(n,{autoFocus:!0,onClick:s,children:"Готово"})]})]})]})};export{s as Example,d as Interaction,m as default};

package/lib/components/DialogContentText/index.js

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

package/lib/components/DialogContentText/styles.js

@@ -0,0 +1,3 @@
+import{DialogContentText as e}from"@mui/material";import{styled as t}from"../../theme/index.js";let o=t(e)`
+  color: ${({theme:e})=>e.palette.grey[900]};
+`;export{o as StyledDialogContentText};

package/lib/components/DialogHeader/DialogHeader.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{X as t}from"lucide-react";import{IconButton as i}from"../IconButton/index.js";import{Typography as o}from"../Typography/index.js";import{HeaderContent as n,Wrapper as a}from"./styles.js";let l=({children:l,title:c,justifyContent:m="flex-start",disableSpacing:s,onClose:p})=>r(a,{hasTitle:!!c,hasOnClose:!!p,children:[c&&e(o,{variant:"h4",children:c}),e(n,{justifyContent:m,columnSpacing:2*!s,children:l}),p&&e(i,{variant:"text",onClick:e=>{p&&p(e,"escapeKeyDown")},"aria-label":"Закрыть модальное окно",children:e(t,{})})]});export{l as DialogHeader};

package/lib/components/DialogHeader/DialogHeader.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";import{Button as n}from"../Button/index.js";import{Container as t}from"../Container/index.js";import{Dialog as l}from"../Dialog/index.js";import{DialogActions as a}from"../DialogActions/index.js";import{DialogContent as d}from"../DialogContent/index.js";import{DialogContentText as c}from"../DialogContentText/index.js";import{Tag as m}from"../Tag/index.js";import{DialogHeader as s}from"./DialogHeader.js";let h={title:"Components/DialogHeader",component:s},p={args:{title:"Заголовок диалога"},parameters:{docs:{disable:!0}}},g=()=>{let[h,p]=r(!1),[g,f]=r(!1),C=()=>{p(!1)},x=()=>{f(!1)};return o(e,{children:[o(t,{gap:2,children:[i(n,{onClick:()=>{p(!0)},children:"Dialog header left"}),i(n,{onClick:()=>{f(!0)},children:"Dialog header left"})]}),o(l,{open:h,onClose:C,children:[i(s,{title:"Заголовок",onClose:C,children:i(m,{variant:"light",label:"Light Tag",color:"primary"})}),i(d,{children:i(c,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),o(a,{children:[i(n,{variant:"text",onClick:C,children:"Отмена"}),i(n,{autoFocus:!0,onClick:C,children:"Готово"})]})]}),o(l,{open:g,onClose:x,children:[i(s,{title:"Заголовок",onClose:x,justifyContent:"flex-end",children:i(m,{variant:"contained",label:"Light Tag",color:"primary"})}),i(d,{children:i(c,{id:"alert-dialog-description",children:"Заглушка примера текста страницы, который несет очень важный смысл для пользователя и предлагает ему варианты выбора действий с контентом и в рамках работы приложения."})}),o(a,{children:[i(n,{variant:"text",onClick:x,children:"Отмена"}),i(n,{autoFocus:!0,onClick:x,children:"Готово"})]})]})]})};export{g as Example,p as Interaction,h as default};

package/lib/components/DialogHeader/index.js

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

package/lib/components/DialogHeader/styles.js

@@ -0,0 +1,20 @@
+import{styled as e}from"../../theme/index.js";let n=e("div",{label:"DialogHeader-root",shouldForwardProp:e=>!["hasTitle","hasOnClose"].includes(e.toString())})`
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: ${({hasTitle:e,hasOnClose:n})=>e&&n?"max-content 1fr 32px":e?"max-content 1fr":n?"1fr 32px":"1fr"};
+  column-gap: ${({theme:e})=>e.spacing(2)};
+  align-items: center;
+
+  height: auto;
+  padding: ${({theme:e})=>e.spacing(4,6)};
+`,t=e("div",{shouldForwardProp:e=>!["justifyContent","columnSpacing"].includes(e.toString()),label:"DialogHeader-content"})`
+  overflow: hidden;
+  display: flex;
+  column-gap: ${({columnSpacing:e,theme:n})=>n.spacing(e)};
+  align-items: center;
+  justify-content: ${({justifyContent:e})=>e};
+
+  width: 100%;
+  height: 100%;
+  padding: 0;
+`;export{t as HeaderContent,n as Wrapper};

package/lib/components/DialogTitle/DialogTitle.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import{DialogTitle as t}from"@mui/material";import{X as r}from"lucide-react";import{IconButton as o}from"../IconButton/index.js";let a=({children:a,onClose:l,...m})=>e(t,{...m,children:[a,l&&i(o,{variant:"text",onClick:i=>{l&&l(i,"escapeKeyDown")},"aria-label":"Закрыть модальное окно",children:i(r,{})})]});export{a as DialogTitle};

package/lib/components/DialogTitle/index.js

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

package/lib/components/Divider/Divider.js

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

package/lib/components/Divider/Divider.stories.js

@@ -0,0 +1,5 @@
+import{Fragment as i,jsx as t,jsxs as r}from"react/jsx-runtime";import"react";import{styled as e}from"../../theme/index.js";import{Container as n}from"../Container/index.js";import{List as o}from"../List/index.js";import{ListItem as m}from"../ListItem/index.js";import{ListItemButton as l}from"../ListItemButton/index.js";import{ListItemText as a}from"../ListItemText/index.js";import{Divider as d}from"./Divider.js";let p={title:"Components/Divider",component:d},s=e("div")`
+  padding: 10px;
+  align-items: flex-center;
+  text-align: center;
+`,f=()=>r(o,{children:[t(m,{children:t(a,{primary:"Inbox"})}),t(d,{}),t(m,{divider:!0,children:t(a,{primary:"Drafts"})}),t(l,{children:t(a,{primary:"Button"})}),t(d,{light:!0}),t(l,{children:t(a,{primary:"Button"})}),t(d,{})]}),c=()=>t(i,{children:r(n,{templateRows:"1fr 1fr",templateColumns:"1fr 1fr",gap:5,children:[t(s,{children:"Horizontal"}),t(d,{orientation:"horizontal",flexItem:!0}),t(s,{children:"Vertical"}),t(d,{orientation:"vertical",flexItem:!0}),t(s,{})]})});export{f as Example,c as Orientation,p as default};

package/lib/components/Divider/index.js

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

package/lib/components/DropdownButton/DropdownButton.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as o}from"react/jsx-runtime";import{ClickAwayListener as n}from"@mui/material";import{useMenu as i}from"../../hooks/index.js";import{Button as t}from"../Button/index.js";import{Chevron as m}from"../Chevron/index.js";import{Menu as c}from"../Menu/index.js";let d=({children:d,name:l,popoverProps:p,...s})=>{let{open:f,anchorRef:h,handleOpenMenu:u,handleCloseMenu:x}=i();return o(r,{children:[e(n,{onClickAway:x,children:e(t,{...s,ref:h,selected:f,onClick:u,endIcon:e(m,{isActive:f}),children:l})}),e(c,{open:f,anchorEl:h.current,...p,children:d})]})};export{d as DropdownButton};

package/lib/components/DropdownButton/DropdownButton.stories.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as r,jsxs as e}from"react/jsx-runtime";import{MessageCircleMore as i}from"lucide-react";import"react";import{Container as o,MenuItem as l,Typography as a}from"../index.js";import{DropdownButton as c}from"./DropdownButton.js";let t={title:"Components/DropdownButton",component:c},d=()=>["Вариант выбора 1","Вариант выбора 2","Вариант выбора 3"].map(n=>r(l,{onClick:()=>console.log("v1"),children:n},n)),h={args:{children:d(),name:"Действие",variant:"contained",color:"primary",size:"large",fullWidth:!1},parameters:{docs:{disable:!0}}},m=()=>e(o,{gap:4,children:[r(c,{name:"Default",children:d()}),r(c,{disabled:!0,name:"Disabled",children:d()}),r(c,{loading:!0,name:"Loading",children:d()})]}),s=()=>r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:d()}),g=()=>{let o=e(n,{children:[r(l,{note:"Перейти в профиль",onClick:()=>console.log("v1"),children:"Профиль"}),r(l,{onClick:()=>console.log("v3"),children:"Выход"})]});return r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:o})},p=()=>{let o=e(n,{children:[r(l,{disabledReason:"Заблокировано",disabled:!0,onClick:()=>console.log("v1"),children:"Профиль"}),r(l,{onClick:()=>console.log("v3"),children:"Выход"})]});return r(c,{startIcon:r(i,{}),variant:"light",name:"With icon",children:o})},v=()=>e(o,{gap:5,direction:"column",children:[r(a,{variant:"h6",children:"Variant"}),e(o,{gap:4,children:[e(c,{name:"Default",children:[" ",r(l,{onClick:()=>console.log("v1"),children:"Вариант выбора 1"}),r(l,{onClick:()=>console.log("v2"),children:"Вариант выбора 2"}),r(l,{onClick:()=>console.log("v3"),children:"Вариант выбора 3"})]}),r(c,{variant:"light",name:"Light",children:d()}),r(c,{variant:"text",name:"Text",children:d()}),r(c,{variant:"link",name:"Link",children:d()})]}),r(a,{variant:"h6",children:"Color"}),e(o,{gap:4,children:[r(c,{color:"primary",name:"Primary",children:d()}),r(c,{color:"error",name:"Error",children:d()}),r(c,{color:"success",name:"Success",children:d()}),r(c,{color:"warning",name:"Warning",children:d()})]}),r(a,{variant:"h6",children:"Size"}),e(o,{gap:6,children:[r(c,{size:"medium",name:"Medium",children:d()}),r(c,{size:"large",name:"Large",children:d()})]})]}),u=()=>e(n,{children:[r(c,{name:"Default",variant:"light",popoverProps:{anchorOrigin:{vertical:"center",horizontal:"right"}},children:d()}),r(c,{name:"Default",variant:"light",popoverProps:{anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:100,horizontal:"right"}},children:d()})]});export{v as ButtonProps,p as DisableReason,m as Example,h as Interaction,g as Note,u as PopoverProps,s as StartIcon,t as default};

package/lib/components/DropdownButton/index.js

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

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Component as t}from"react";import{ConfigContext as e}from"../ConfigProvider/index.js";import{InternalErrorPlaceholder as o}from"../InternalErrorPlaceholder/index.js";import{OutdatedReleasePlaceholder as s}from"../OutdatedReleasePlaceholder/index.js";import{CONDITION_TYPE_ERROR as a}from"./constants.js";import{ErrorType as i}from"./enums.js";let n={[i.OutdatedRelease]:r(s,{}),[i.Default]:r(o,{})};class m extends t{static contextType=e;state={hasError:!1,typeError:i.Default};static getDerivedStateFromError(r){return{hasError:!0,typeError:a.find(({condition:t})=>t(r))?.type??i.Default}}componentDidCatch(r){this.context?.captureException(r)}render(){return this.state.hasError?n[this.state.typeError]:this.props.children}}export{m as ErrorBoundary};

package/lib/components/ErrorBoundary/ErrorBoundary.stories.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import"react";import{ConfigProvider as e}from"../ConfigProvider/index.js";import{ErrorBoundary as t}from"./ErrorBoundary.js";import{BuggyButton as o,ChunkLoadErrorButton as a}from"./ErrorBoundary.stubs.js";let i="../../illustrations/error.svg",m="../../illustrations/outdated-release.svg",s={title:"Components/ErrorBoundary",component:t},l=()=>r(e,{captureException:r=>alert(r),imagesMap:{defaultErrorImgSrc:i,noDataImgSrc:i,outdatedReleaseErrorImgSrc:m},techSup:{email:"test@example.com",phone:"79999999999"},children:r(t,{children:r(o,{})})}),n=()=>r(e,{captureException:r=>alert(r),imagesMap:{defaultErrorImgSrc:i,noDataImgSrc:i,outdatedReleaseErrorImgSrc:m},children:r(t,{children:r(a,{})})});export{l as Default,n as OutdatedRelease,s as default};

package/lib/components/ErrorBoundary/ErrorBoundary.stubs.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useEffect as t,useState as o}from"react";import{Button as e}from"../Button/index.js";class n extends Error{constructor(r="",...t){super(r,...t),this.name="ChunkLoadError"}}let i=()=>{let[n,i]=o(0);return t(()=>{if(2===n)throw Error("Кнопка сломалась на 2 клике")}),r(e,{onClick:()=>{i(n+1)},children:"Сломаюсь на 2 клике"})},l=()=>{let[i,l]=o(!1);return t(()=>{if(i)throw new n("Ошибка загрузки приложения")}),r(e,{onClick:()=>{l(!0)},children:"Вызову ошибку релиза"})},u=()=>{let[n,i]=o(!1);return t(()=>{if(n)throw Error("Failed to fetch dynamically imported module")}),r(e,{onClick:()=>{i(!0)},children:"Вызову ошибку релиза"})};export{i as BuggyButton,l as ChunkLoadErrorButton,u as FailedFetchModuleButton};

package/lib/components/ErrorBoundary/constants.js

@@ -0,0 +1 @@
+import{ErrorType as e}from"./enums.js";let t=[{type:e.OutdatedRelease,condition:e=>"ChunkLoadError"===e.name||e.message.includes("Failed to fetch dynamically imported module")},{type:e.Default,condition:()=>!0}];export{t as CONDITION_TYPE_ERROR};

package/lib/components/ErrorBoundary/enums.js

@@ -0,0 +1 @@
+var e,a=((e={}).OutdatedRelease="outdatedRelease",e.Default="default",e);export{a as ErrorType};

package/lib/components/ErrorBoundary/index.js

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

package/lib/components/Filename/Filename.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Tooltip as t}from"../Tooltip/index.js";import{FileBaseName as o,StyledTypography as n}from"./styles.js";import{useLogic as l}from"./useLogic/index.js";let m=i((i,m)=>{let{isOverflowed:a,suffixWithExtension:s,baseNameProps:p}=l({...i,ref:m}),{tooltipProps:c,variant:f="inherit",children:d,align:h="left",...j}=i;return e(t,{title:a&&d,disableInteractive:!0,...c,children:r(n,{$align:h,variant:f,...j,children:[e(o,{...p}),e("span",{children:s})]})})});export{m as Filename};

package/lib/components/Filename/Filename.stories.js

@@ -0,0 +1,5 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Eye as o,Send as i}from"lucide-react";import{useEffect as l,useState as r}from"react";import{styled as t}from"../../theme/index.js";import{ActionCell as d}from"../ActionCell/index.js";import{DataGrid as a}from"../DataGrid/index.js";import{Filename as c}from"./Filename.js";let m={title:"Components/Filename",component:c},s={args:{children:"Версия 1.0Приложение No 10к Договору подряда No КрФ/15331/24 от\n25.04.2024.pdf"},parameters:{docs:{disable:!0}}},h=t("div")`
+  max-width: 400px;
+  min-width: 200px;
+  margin: 0 auto 10px;
+`,p={id:"1",documentName:e(c,{children:"OS_FINAL_BDW_FW24_MeA_21022024.pdf"}),direction:"ФНС",createDate:"2022-03-24T17:50:40.206Z"},f={main:[{icon:e(o,{}),name:"Просмотреть",onClick:()=>console.log("main")},{icon:e(i,{}),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")}]},g=()=>{let n,o,i=(n=["ФНС","ФСС","ПФР","РПН"],o=[e(c,{children:"api-единая.-спецификация-api.docs"},"1"),e(c,{children:"OS_FINAL_BDW_FW24_MeA_21022024.pdf"},"2"),e(c,{children:"OS_FINAL_BDW_FW24_MeA.pdf"},"3"),e(c,{children:"OS_FINAL.pdf"},"4")],Array.from({length:16}).fill(p).map((e,i)=>{let l,r;return{id:String(i+1),documentName:o[Math.floor(Math.random()*o.length)],direction:n[Math.floor(Math.random()*n.length)],createDate:(l=new Date(2022,0,1),r=new Date,new Date(l.getTime()+Math.random()*(r.getTime()-l.getTime())).toISOString()),options:void 0}})),t=[{field:"documentName",label:"Наименование документа",sortable:!0},{field:"direction",label:"Направление",sortable:!0},{field:"createDate",label:"Дата создания",sortable:!0,format:({createDate:e})=>new Date(e).toLocaleDateString()},{label:"Действия",sortable:!1,align:"center",width:"120px",renderCell:n=>e(d,{actions:f,row:n})}],[m,s]=r(!0),[h,g]=r([]),[N,x]=r([]);return l(()=>{setTimeout(()=>{g(i.slice(0,10)),s(!1)},1500)},[]),e(a,{keyId:"id",rows:h,columns:t,isLoading:m,selectedRows:N,onRowClick:e=>console.log("row clicked",e),onSelectRow:e=>x(e),onRetry:()=>{}})},N=()=>e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.pdf"})}),x=()=>e(h,{children:e(c,{children:"Приложение №10.pdf"})}),_=()=>n("div",{children:[e(h,{children:e(c,{children:"Приложение №10.pdf"})}),e(h,{children:e(c,{align:"center",children:"Приложение №10.pdf"})}),e(h,{children:e(c,{align:"right",children:"Приложение №10.pdf"})})]}),w=()=>n("div",{children:[e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.xml.dist"})}),e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.tar.xz"})}),e(h,{children:e(c,{children:"Версия 1.0 Приложение No 10к Договору подряда No КрФ/15331/24 от 25.04.2024.xml.orig"})})]});export{_ as Align,w as ComplexFileExtension,g as Example,s as Interaction,N as LongFileName,x as ShortFileName,m as default};

package/lib/components/Filename/index.js

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

package/lib/components/Filename/styles.js

@@ -0,0 +1,11 @@
+import{styled as e}from"../../theme/index.js";import{Typography as o}from"../Typography/index.js";let i=e("span")`
+  overflow: hidden;
+
+  max-width: 100%;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,t=e(o,{shouldForwardProp:e=>!["$align"].includes(e.toString())})`
+  display: flex;
+  justify-content: ${({$align:e})=>e};
+`;export{i as FileBaseName,t as StyledTypography};

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

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

package/lib/components/Filename/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useOverflowed as e}from"../../OverflowTypography/hooks/index.js";import{truncateString as r}from"./utils/index.js";let o=({ref:o,children:i})=>{let{ref:s,isOverflowed:t}=e(o),{baseName:p,suffixWithExtension:l}=r(i);return{baseNameProps:{ref:s,children:p},isOverflowed:t,suffixWithExtension:l}};export{o as useLogic};

package/lib/components/Filename/useLogic/utils/findExtension/constants.js

@@ -0,0 +1 @@
+let l=[".xml.dist",".xml.tpl",".xml.gz",".xml.bz2",".xml.zip",".xml.enc",".xml.sig",".xml.metadata",".xml.backup",".xml.orig",".tar.gz",".tar.bz2",".tar.xz",".tar.lz"];export{l as COMPLEX_EXTENSIONS};

package/lib/components/Filename/useLogic/utils/findExtension/findExtension.js

@@ -0,0 +1 @@
+import{COMPLEX_EXTENSIONS as t}from"./constants.js";let e=e=>{for(let n of t)if(e.endsWith(n))return n;let n=e.lastIndexOf(".");if(-1!==n)return e.slice(n)};export{e as findExtension};

package/lib/components/Filename/useLogic/utils/findExtension/index.js

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

package/lib/components/Filename/useLogic/utils/index.js

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

package/lib/components/Filename/useLogic/utils/truncateString/constants.js

@@ -0,0 +1 @@
+let e=2;export{e as SUFFIX_LENGTH};

package/lib/components/Filename/useLogic/utils/truncateString/index.js

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

package/lib/components/Filename/useLogic/utils/truncateString/truncateString.js

@@ -0,0 +1 @@
+import{findExtension as e}from"../findExtension/index.js";import{SUFFIX_LENGTH as t}from"./constants.js";let i=i=>{let n=e(i);return n&&i.endsWith(n)?{baseName:i.slice(0,i.length-n.length-t),suffixWithExtension:i.slice(-n.length-t)}:{baseName:i.slice(0,-t),suffixWithExtension:i.slice(-t)}};export{i as truncateString};

package/lib/components/FormControl/FormControl.js

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

package/lib/components/FormControl/index.js

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

package/lib/components/FormControlLabel/FormControlLabel.js

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

package/lib/components/FormControlLabel/index.js

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

package/lib/components/FormControlLabel/styles.js

@@ -0,0 +1,8 @@
+import{FormControlLabel as r}from"@mui/material";import{styled as e}from"../../theme/index.js";let m=e(r)`
+  margin-right: 0;
+  margin-left: -5px;
+
+  & .MuiFormControlLabel-label {
+    margin-left: ${({theme:r})=>r.spacing(1)};
+  }
+`;export{m as StyledFormControlLabel};

package/lib/components/FormHelperText/FormHelperText.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{FormHelperText as r}from"@mui/material";import{FormHelperTextContent as t}from"./FormHelperTextContent/index.js";let m=({children:m,success:o,error:i,...l})=>e(r,{...l,children:e(t,{error:i,success:o,children:m})});export{m as FormHelperText};

package/lib/components/FormHelperText/FormHelperTextContent/FormHelperTextContent.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{ErrorIcon as l,Message as o,SuccessIcon as s,Wrapper as i}from"./styles.js";let m=({success:m,error:n,children:c})=>{let p=t(()=>m?r(s,{size:16}):n?r(l,{size:16}):null,[m,n]);return c?e(i,{error:n,success:m,children:[p,r(o,{children:c})]}):null};export{m as FormHelperTextContent};

package/lib/components/FormHelperText/FormHelperTextContent/index.js

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

package/lib/components/FormHelperText/FormHelperTextContent/styles.js

@@ -0,0 +1,15 @@
+import{CircleCheck as e,OctagonAlert as i}from"lucide-react";import{styled as r}from"../../../theme/index.js";let a=e=>`display: inline-flex;
+  justify-content: center;
+  font-size: ${e.typography.h5.fontSize};
+  vertical-align: middle;`,t=r("span")`
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(1)};
+  padding: ${({theme:e})=>e.spacing(0,1)};
+  color: ${({success:e,error:i,theme:r})=>e?r.palette.success.dark:i?r.palette.error.dark:"inherit"};
+`,n=r(e)`
+  ${({theme:e})=>a(e)}
+`,p=r(i)`
+  ${({theme:e})=>a(e)}
+`,l=r("span")`
+  vertical-align: middle;
+`;export{p as ErrorIcon,l as Message,n as SuccessIcon,t as Wrapper};

package/lib/components/FormHelperText/index.js

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

package/lib/components/FormLabel/FormLabel.js

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

package/lib/components/FormLabel/index.js

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

package/lib/components/FormLabel/styles.js

@@ -0,0 +1,4 @@
+import{FormLabel as t}from"@mui/material";import{styled as e}from"../../theme/index.js";let i=e(t)`
+  font-size: ${({theme:t})=>t.typography.caption.fontSize};
+  line-height: ${({theme:t})=>t.typography.caption.lineHeight};
+`;export{i as StyledFormLabel};

package/lib/components/GuidTypography/GuidTypography.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{OverflowTypography as r}from"../OverflowTypography/index.js";let t=t=>o(r,{visibleLastSymbolsCount:4,...t});export{t as GuidTypography};

package/lib/components/GuidTypography/GuidTypography.stories.js

@@ -0,0 +1,3 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{styled as r}from"../../theme/index.js";import{CopyTypography as o}from"../CopyTypography/index.js";import{GuidTypography as t}from"./GuidTypography.js";let i={title:"Components/GuidTypography",component:t},p={args:{children:"e2f54c10-2ac9-4872-b2ce-1f86eb1c6d2d"},parameters:{docs:{disable:!0}}},c=r("div")`
+  width: 100px;
+`,d=()=>e(c,{children:e(t,{children:"e2f54c10-2ac9-4872-b2ce-1f86eb1c6d2d"})}),a=()=>{let r="e2f54c10-2ac9-4872-b2ce-1f86eb1c6d2d";return e(c,{children:e(o,{copyText:r,isShowCopyText:!0,children:e(t,{tooltipProps:{title:void 0},children:r})})})};export{a as CopyGuid,d as Example,p as Interaction,i as default};

package/lib/components/GuidTypography/index.js

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

package/lib/components/IconButton/IconButton.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{ButtonVariants as o}from"../Button/index.js";import{CircularProgress as e}from"../CircularProgress/index.js";import{StyledButton as i}from"./styles.js";let n=n=>{let{variant:m=o.Contained,loading:a,children:s,...l}=n,d=t(()=>m===o.Contained?"inverted":"primary",[m]);return r(i,{loading:a,variant:m,tabIndex:a?-1:0,...l,children:a?r(e,{size:"small",color:d}):s})};export{n as IconButton};

package/lib/components/IconButton/IconButton.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Download as i,Eye as r,Filter as t,Printer as l,Send as a}from"lucide-react";import"react";import{ActionCell as d}from"../ActionCell/index.js";import{Container as o}from"../Container/index.js";import{DataGrid as c}from"../DataGrid/index.js";import{IconButton as h}from"./IconButton.js";let s={title:"Components/IconButton",component:h},m={render:n=>e(h,{...n,children:e(l,{})}),args:{},parameters:{docs:{disable:!0}}},v=()=>{let n={main:[{icon:e(r,{}),name:"Просмотреть",onClick:()=>console.log("main")},{icon:e(a,{}),nested:!0,name:"Отправить",actions:[{name:"Туда",onClick:()=>console.log("nested 1")},{name:"Сюда",onClick:()=>console.log("nested 2")}]}]},i=[{field:"name",label:"Наименование"},{field:"code",label:"Код партнера"},{field:"ref",label:"Реф. ссылка"},{renderCell:i=>e(d,{actions:n,row:i}),width:"1%"}];return e(c,{rows:[{id:"1",name:"Офис на ул. Куйбышева 128, к. №1",code:"456-875",ref:"http://referal.lk"},{id:"2",name:"Офис на Огарева",code:"456-875",ref:"http://referal.lk."},{id:"3",name:"Офис на Маяковской, оф 245",code:"456-875",ref:"http://referal.lk"}],columns:i,keyId:"id",onRetry:()=>{}})},g=()=>n(o,{children:[e(h,{variant:"contained",children:e(l,{})}),e(h,{selected:!0,variant:"contained",children:e(l,{})}),e(h,{disabled:!0,variant:"contained",children:e(l,{})}),e(h,{loading:!0,variant:"contained",children:e(l,{})})]}),f=()=>n(o,{children:[e(h,{variant:"light",children:e(r,{})}),e(h,{selected:!0,variant:"light",children:e(r,{})}),e(h,{disabled:!0,variant:"light",children:e(r,{})}),e(h,{loading:!0,variant:"light",children:e(r,{})})]}),p=()=>n(o,{children:[e(h,{variant:"link",children:e(t,{})}),e(h,{selected:!0,variant:"link",children:e(t,{})}),e(h,{disabled:!0,variant:"link",children:e(t,{})}),e(h,{loading:!0,variant:"link",children:e(t,{})})]}),k=()=>n(o,{children:[e(h,{variant:"text",children:e(t,{})}),e(h,{selected:!0,variant:"text",children:e(t,{})}),e(h,{disabled:!0,variant:"text",children:e(t,{})}),e(h,{loading:!0,variant:"text",children:e(t,{})})]}),u=()=>n(o,{children:[e(h,{size:"medium",variant:"light",children:e(i,{})}),e(h,{size:"large",variant:"light",children:e(i,{})})]}),x=()=>n(o,{gap:3,children:[n(o,{children:[e(h,{variant:"contained",color:"error",children:e(i,{})}),e(h,{variant:"contained",color:"success",children:e(i,{})}),e(h,{variant:"contained",color:"warning",children:e(i,{})})]}),n(o,{children:[e(h,{variant:"light",color:"error",children:e(i,{})}),e(h,{variant:"light",color:"success",children:e(i,{})}),e(h,{variant:"light",color:"warning",children:e(i,{})})]})]});export{u as ButtonSize,g as Contained,x as EmotionalTone,v as Example,m as Interaction,f as Light,p as Link,k as Text,s as default};

package/lib/components/IconButton/index.js

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

package/lib/components/IconButton/styles.js

@@ -0,0 +1,11 @@
+import{styled as e}from"../../theme/index.js";import{Button as t,ButtonSizes as n}from"../Button/index.js";let o=({type:e,values:t,defaultValue:n})=>e&&t[e]||n,i=e=>o({type:e.size,values:{[n.Small]:"24px",[n.Medium]:"32px",[n.Large]:"40px"},defaultValue:"32px"}),d=e=>o({type:e.size,values:{[n.Small]:"36px"},defaultValue:"48px"}),a=e(t,{shouldForwardProp:e=>!["startIcon","endIcon","loading","tabIndex"].includes(e.toString())})`
+  pointer-events: ${({loading:e})=>e&&"none"};
+
+  width: ${i};
+  height: ${i};
+  padding: ${({theme:e})=>e.spacing(1)};
+
+  ${({theme:e})=>e.breakpoints.down("sm")} {
+    width: ${d};
+  }
+`;export{a as StyledButton,i as getButtonHeight,d as getButtonHeightMobile};

package/lib/components/IconDropdownButton/IconDropdownButton.js

@@ -0,0 +1 @@
+import{Fragment as o,jsx as r,jsxs as e}from"react/jsx-runtime";import{ClickAwayListener as n}from"@mui/material";import{forwardRef as t}from"react";import{useMenu as i}from"../../hooks/index.js";import{IconButton as m}from"../IconButton/index.js";import{Menu as c}from"../Menu/index.js";let l=t(({children:t,icon:l,...p},d)=>{let{open:u,anchorRef:s,handleOpenMenu:f,handleCloseMenu:a}=i(d);return e(o,{children:[r(n,{onClickAway:a,mouseEvent:"onMouseUp",children:r(m,{...p,ref:s,onClick:f,selected:u,children:l})}),r(c,{open:u,anchorEl:s.current,children:t})]})});export{l as IconDropdownButton};

package/lib/components/IconDropdownButton/IconDropdownButton.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as i,jsxs as l}from"react/jsx-runtime";import{Stack as r}from"@mui/material";import{EllipsisVertical as n,Pencil as a}from"lucide-react";import"react";import{DataGrid as o}from"../DataGrid/index.js";import{IconButton as t}from"../IconButton/index.js";import{MenuItem as c}from"../MenuItem/index.js";import{IconDropdownButton as d}from"./IconDropdownButton.js";let h={title:"Components/IconDropdownButton",component:d},m=[{id:"1",name:"Офис на ул. Куйбышева 128, к. №1",code:"456-875",ref:"http://referal.lk"},{id:"2",name:"Офис на Огарева",code:"456-875",ref:"http://referal.lk"},{id:"3",name:"Офис на Маяковской, оф 245",code:"456-875",ref:"http://referal.lk"}],s=()=>console.log("clicked"),f=[i(c,{onClick:()=>console.log("v1"),children:"Вариант выбора 1"},1),i(c,{onClick:()=>console.log("v2"),children:"Вариант выбора 2"},2),i(c,{onClick:()=>console.log("v3"),children:"Вариант выбора 3"},3)],p=[{field:"name",label:"Наименование"},{field:"code",label:"Код партнёра"},{field:"ref",label:"Реф. ссылка"},{label:"",align:"center",width:"1%",renderCell:()=>l(r,{gap:1,direction:"row",justifyContent:"center",children:[i(t,{variant:"light",onClick:s,children:i(a,{})}),i(d,{variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f})]})}],g={args:{icon:i(n,{})},parameters:{docs:{disable:!0}}},b=()=>i(o,{keyId:"id",rows:m,columns:p,onRetry:()=>{}}),u=()=>l(e,{children:[i(d,{variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f}),i(d,{variant:"text",icon:i(n,{}),"aria-label":"Меню",children:f})]}),v=()=>l(e,{children:[i(d,{disabled:!0,variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f}),i(d,{disabled:!0,variant:"text",icon:i(n,{}),"aria-label":"Меню",children:f})]}),k=()=>l(e,{children:[i(d,{loading:!0,variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f}),i(d,{loading:!0,variant:"text",icon:i(n,{}),"aria-label":"Меню",children:f})]}),x=()=>l(e,{children:[i(d,{variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f}),i(d,{size:"large",variant:"light",icon:i(n,{}),"aria-label":"Меню",children:f})]});export{x as ButtonSize,u as Default,v as Disabled,b as Example,g as Interaction,k as Loading,h as default};

package/lib/components/IconDropdownButton/index.js

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

package/lib/components/InputOTP/InputOTP.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as t}from"react/jsx-runtime";import{OTPInput as i}from"input-otp";import{Separator as n}from"./Separator/index.js";import{Slot as m}from"./Slot/index.js";import{GroupContainer as o,Wrapper as a}from"./styles.js";let l=({...l})=>e(a,{children:e(i,{className:"inputOTP",containerClassName:"inputOTPContainer",...l,render:({slots:i})=>i.length%2!=0?e(o,{children:i.map((r,t)=>e(m,{...r},`${t}-${r.char}`))}):t(r,{children:[e(o,{children:i.slice(0,i.length/2).map((r,t)=>e(m,{...r},`${t}-${r.char}`))}),e(n,{}),e(o,{children:i.slice(i.length/2).map((r,t)=>e(m,{...r},`${t}-${r.char}`))})]})})});export{l as InputOTP};

package/lib/components/InputOTP/InputOTP.stories.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{InputOTP as r}from"./InputOTP.js";let o={title:"Components/InputOTP",component:r,parameters:{layout:"centered"},tags:["autodocs"]},a=()=>{let[o,a]=e("");return t(r,{maxLength:6,value:o,onChange:a})};export{a as Primary,o as default};

package/lib/components/InputOTP/Separator/Separator.js

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

package/lib/components/InputOTP/Separator/index.js

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

package/lib/components/InputOTP/Separator/styles.js

@@ -0,0 +1,8 @@
+import{styled as e}from"../../../theme/index.js";let r=e("span",{label:"Separator"})`
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  border-width: 0;
+  color: ${({theme:e})=>e.palette.text.primary};
+`;export{r as StyledSeparator};

package/lib/components/InputOTP/Slot/Slot.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{Caret as e,CaretContainer as i,Wrapper as o}from"./styles.js";let l=({char:l,hasFakeCaret:m,isActive:s,...c})=>t(o,{$isActive:s,...c,children:[l,m&&r(i,{children:r(e,{})})]});export{l as Slot};

package/lib/components/InputOTP/Slot/index.js

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

package/lib/components/InputOTP/Slot/styles.js

@@ -0,0 +1,44 @@
+import{keyframes as e,styled as t}from"../../../theme/index.js";let i=t("div",{shouldForwardProp:e=>"$isActive"!==e})`
+  position: relative;
+  display: flex;
+  height: 2.5rem;
+  width: 2.5rem;
+  align-items: center;
+  justify-content: center;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({theme:e,$isActive:t})=>t?e.palette.primary.main:e.palette.divider};
+  font-size: ${({theme:e})=>e.typography.fontSize};
+  border-left-width: ${({$isActive:e})=>+!!e};
+  transition: all 0.3s;
+  &:first-of-type {
+    border-top-left-radius: ${({theme:e})=>e.shape.small};
+    border-bottom-left-radius: ${({theme:e})=>e.shape.small};
+    border-left-width: 1px;
+  }
+  &:last-of-type {
+    border-top-right-radius: ${({theme:e})=>e.shape.small};
+    border-bottom-right-radius: ${({theme:e})=>e.shape.small};
+  }
+  z-index: ${({$isActive:e})=>10*!!e};
+`,r=t("div")`
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+`,o=e`
+	0%,
+	100% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 1;
+	}
+`,a=t("div")`
+  height: 1rem;
+  width: 1px;
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  animation: ${o} 1s infinite;
+`;export{a as Caret,r as CaretContainer,i as Wrapper};