@max-ts/components 1.6.5 → 1.8.0

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};

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";