@max-ts/components 1.7.0 → 1.8.0

package/lib/components/Carousel/CarouselContext.js

@@ -0,0 +1 @@
+import e from"react";let t=e.createContext(null);function r(){let r=e.useContext(t);if(!r)throw Error("useCarousel must be used within a <Carousel />");return r}export{t as CarouselContext,r as useCarousel};

package/lib/components/Carousel/Content/Content.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCarousel as o}from"../CarouselContext.js";import{ContentWrapper as r,Wrapper as e}from"./styles.js";function n(n){let{carouselRef:i,orientation:s="horizontal"}=o();return t(e,{ref:i,"data-slot":"carousel-content",children:t(r,{orientation:s,...n})})}export{n as Content};

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

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

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

@@ -0,0 +1,8 @@
+import{styled as r}from"../../../theme/index.js";let e=r("div")`
+  overflow: hidden;
+`,i=r("div",{shouldForwardProp:r=>"orientation"!==r})`
+  display: flex;
+  flex-direction: ${({orientation:r})=>"vertical"===r&&"column"};
+  margin-left: ${({orientation:r,theme:e})=>"horizontal"===r&&e.spacing(-4)};
+  margin-top: ${({orientation:r,theme:e})=>"vertical"===r&&e.spacing(-4)};
+`;export{i as ContentWrapper,e as Wrapper};

package/lib/components/Carousel/Dots/Dots.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{DotButton as e,Wrapper as o}from"./styles.js";import{useLogic as r}from"./useLogic/index.js";let i=({api:i,orientation:n})=>{let{selectedIndex:m,scrollSnaps:s,onDotButtonClick:l}=r(i);return t(o,{orientation:n,children:s.map((o,r)=>t(e,{orientation:n,onClick:()=>l(r),selected:r===m},o))})};export{i as Dots};

package/lib/components/Carousel/Dots/index.js

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

package/lib/components/Carousel/Dots/styles.js

@@ -0,0 +1,31 @@
+import{styled as t}from"../../../theme/index.js";let o=t("div",{shouldForwardProp:t=>"orientation"!==t})`
+  position: absolute;
+  width: ${({orientation:t})=>"horizontal"===t?"100%":"auto"};
+  height: ${({orientation:t})=>"horizontal"===t?"auto":"100%"};
+  bottom: ${({theme:t,orientation:o})=>"horizontal"===o?t.spacing(2):0};
+  left: ${({theme:t,orientation:o})=>"horizontal"===o?0:t.spacing(2)};
+  display: flex;
+  flex-direction: ${({orientation:t})=>"vertical"===t&&"column"};
+  justify-content: center;
+  gap: ${({theme:t})=>t.spacing(1)};
+  z-index: 1;
+  overflow: hidden;
+`,e=t("button",{shouldForwardProp:t=>"selected"!==t})`
+  width: ${({theme:t})=>t.spacing(6)};
+  height: ${({theme:t})=>t.spacing(6)};
+  position: relative;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: ${({theme:t,selected:o})=>o?t.palette.primary[800]:t.palette.grey[200]};
+    width: 100%;
+    height: 2px;
+    transform: ${({orientation:t})=>"vertical"===t&&"rotate(90deg)"};
+  }
+`;export{e as DotButton,o as Wrapper};

package/lib/components/Carousel/Dots/useLogic/index.js

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

package/lib/components/Carousel/Dots/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as o,useState as r}from"react";let t=t=>{let[l,n]=r(0),[c,s]=r([]),i=e(e=>{t&&t.scrollTo(e)},[t]),p=e(e=>{e&&s(e.scrollSnapList())},[]),a=e(e=>{e&&n(e.selectedScrollSnap())},[]);return o(()=>{t&&(p(t),a(t),t.on("reInit",p).on("reInit",a).on("select",a))},[t,p,a]),{selectedIndex:l,scrollSnaps:c,onDotButtonClick:i}};export{t as useLogic};

package/lib/components/Carousel/Item/Item.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useCarousel as r}from"../CarouselContext.js";import{Wrapper as t}from"./styles.js";function e(e){let{orientation:i="horizontal"}=r();return o(t,{orientation:i,role:"group","aria-roledescription":"slide","data-slot":"carousel-item",...e})}export{e as Item};

package/lib/components/Carousel/Item/index.js

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

package/lib/components/Carousel/Item/styles.js

@@ -0,0 +1 @@
+import{styled as i}from"../../../theme/index.js";let o=i("div",{shouldForwardProp:i=>"orientation"!==i})(({orientation:i,theme:o})=>({minWidth:0,flexShrink:0,flexGrow:0,flexBasis:"100%",paddingLeft:"horizontal"===i?o.spacing(4):void 0,paddingTop:"vertical"===i?o.spacing(4):void 0}));export{o as Wrapper};

package/lib/components/Carousel/Next/Next.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ChevronDown as o,ChevronRight as r}from"lucide-react";import{useCarousel as e}from"../CarouselContext.js";import{StyledButton as i}from"./styles.js";function n({className:n,...l}){let{orientation:a="horizontal",canScrollNext:m,scrollNext:s}=e();return m?t(i,{type:"button",variant:"text","data-slot":"carousel-next",disabled:!m,onClick:s,orientation:a,...l,children:"horizontal"===a?t(r,{}):t(o,{})}):null}export{n as Next};

package/lib/components/Carousel/Next/index.js

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

package/lib/components/Carousel/Next/styles.js

@@ -0,0 +1,10 @@
+import{Button as o}from"../../index.js";import{styled as t}from"../../../theme/index.js";let i=t(o,{shouldForwardProp:o=>"orientation"!==o})`
+  position: absolute;
+  opacity: 0.3;
+  user-select: none;
+  right: ${({theme:o})=>o.spacing(1)};
+  bottom: 0;
+  padding: 0;
+  height: ${({orientation:o})=>"horizontal"===o?"100%":"clamp(25px, 15%, 45px)"};
+  width: ${({orientation:o})=>"horizontal"===o?"clamp(25px, 15%, 45px)":"100%"};
+`;export{i as StyledButton};

package/lib/components/Carousel/Previous/Previous.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ChevronLeft as o,ChevronUp as r}from"lucide-react";import{useCarousel as e}from"../CarouselContext.js";import{StyledButton as i}from"./styles.js";function n({className:n,...l}){let{orientation:a="horizontal",scrollPrev:s,canScrollPrev:u}=e();return u?t(i,{type:"button","data-slot":"carousel-previous",variant:"text",disabled:!u,onClick:s,orientation:a,...l,children:"horizontal"===a?t(o,{}):t(r,{})}):null}export{n as Previous};

package/lib/components/Carousel/Previous/index.js

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

package/lib/components/Carousel/Previous/styles.js

@@ -0,0 +1,10 @@
+import{Button as o}from"../../index.js";import{styled as t}from"../../../theme/index.js";let e=t(o,{shouldForwardProp:o=>"orientation"!==o})`
+  position: absolute;
+  opacity: 0.3;
+  user-select: none;
+  left: ${({theme:o})=>o.spacing(1)};
+  top: 0;
+  padding: 0;
+  height: ${({orientation:o})=>"horizontal"===o?"100%":"clamp(25px, 15%, 45px)"};
+  width: ${({orientation:o})=>"horizontal"===o?"clamp(25px, 15%, 45px)":"100%"};
+`;export{e as StyledButton};

package/lib/components/Carousel/index.js

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

package/lib/components/Carousel/styles.js

@@ -0,0 +1,3 @@
+import{styled as e}from"../../theme/index.js";let i=e("div")`
+  position: relative;
+`;export{i as Wrapper};

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

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

package/lib/components/Carousel/useLogic/useLogic.js

@@ -0,0 +1 @@
+import e from"embla-carousel-react";import{useCallback as r,useEffect as t,useState as l}from"react";let o=({orientation:o="horizontal",opts:c,setApi:n,plugins:a,data:i,showDots:f})=>{let[s,u]=e({...c,axis:"horizontal"===o?"x":"y"},a),[h,m]=l(!1),[p,x]=l(!1),g=i.length>1,v=!!(f&&i.length>1),y=r(e=>{e&&(m(e.canScrollPrev()),x(e.canScrollNext()))},[]),k=r(e=>{u&&u.scrollTo(e)},[u]),w=r(()=>{u?.scrollPrev()},[u]),z=r(()=>{u?.scrollNext()},[u]),A=r(e=>{"ArrowLeft"===e.key?(e.preventDefault(),w()):"ArrowRight"===e.key&&(e.preventDefault(),z())},[w,z]);return t(()=>{u&&n&&n(u)},[u,n]),t(()=>{if(u)return y(u),u.on("reInit",y),u.on("select",y),()=>{u?.off("select",y)}},[u,y]),{carouselRef:s,api:u,scrollPrev:w,scrollNext:z,canScrollPrev:h,canScrollNext:p,handleKeyDown:A,opts:c,orientation:o,onDotButtonClick:k,isShowButtons:g,isShowDots:v,data:i}};export{o as useLogic};

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Checkbox as r,useTheme as i}from"@mui/material";import{Square as o,SquareCheck as t,SquareMinus as a}from"lucide-react";let c=({size:c,color:l="primary",isError:m,...n})=>{let s=(e=>{switch(e){case"small":return 20;case"large":return 24;default:return 22}})(c),{palette:d}=i(),u=m?d.red[700]:n.disabled?d.action.disabled:d["default"===l?"primary":l].main;return e(r,{...n,icon:e(o,{color:u,size:s}),indeterminateIcon:e(a,{color:u,size:s}),checkedIcon:e(t,{color:u,size:s})})};export{c as Checkbox};

package/lib/components/Checkbox/Checkbox.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as l}from"react/jsx-runtime";import{Box as o,Paper as t}from"@mui/material";import{useState as i}from"react";import{Button as c}from"../Button/index.js";import{Container as n}from"../Container/index.js";import{DialogActions as d}from"../DialogActions/index.js";import{DialogContent as a}from"../DialogContent/index.js";import{DialogTitle as h}from"../DialogTitle/index.js";import{FormControlLabel as m}from"../FormControlLabel/index.js";import{TextField as s}from"../TextField/index.js";import{Checkbox as b}from"./Checkbox.js";let p={title:"Components/Checkbox",component:b},x={args:{disabled:!1},parameters:{docs:{disable:!0}}},k=()=>{let[e,p]=i(!1);return l(t,{style:{width:500},children:[r(h,{children:"Форма обратной связи"}),r(a,{children:l(o,{children:[l(n,{gap:2,templateColumns:"repeat(2, 1fr)",children:[r(s,{placeholder:"Поле 1"}),r(s,{placeholder:"Поле 2"})]}),r(m,{control:r(b,{}),label:"Дополнительный параметр "})]})}),l(d,{children:[r(c,{variant:"text",children:"Отмена"}),r(c,{loading:e,onClick:()=>p(!0),children:"Продолжить"})]})]})},C=()=>r(b,{}),f=()=>r(b,{checked:!0}),g=()=>l(e,{children:[r(b,{disabled:!0}),r(b,{disabled:!0,checked:!0})]}),j=()=>l(e,{children:[r(m,{control:r(b,{}),label:"Текст"}),r(m,{control:r(b,{disabled:!0}),label:"Текст"}),r(m,{control:r(b,{disabled:!0,checked:!0}),label:"Текст"})]}),u=()=>{let[t,c]=i([!0,!1]);return r(e,{children:l("div",{children:[r(m,{label:"Заголовок",control:r(b,{checked:t[0]&&t[1],indeterminate:t[0]!==t[1],onChange:e=>{c([e.target.checked,e.target.checked])}})}),l(o,{sx:{display:"flex",flexDirection:"column",ml:3},children:[r(m,{label:"Вариант 1",control:r(b,{checked:t[0],onChange:e=>{c([e.target.checked,t[1]])}})}),r(m,{label:"Вариант 2",control:r(b,{checked:t[1],onChange:e=>{c([t[0],e.target.checked])}})})]})]})})},D=()=>l(e,{children:[r(m,{control:r(b,{isError:!0}),label:"Текст"}),r(m,{control:r(b,{checked:!0,isError:!0}),label:"Текст"})]});export{f as CheckboxChecked,C as CheckboxDefault,g as CheckboxDisabled,j as CheckboxLabel,D as ErrorExample,k as Example,u as Indeterminate,x as Interaction,p as default};

package/lib/components/Checkbox/index.js

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

package/lib/components/Checkbox/styles.js

@@ -0,0 +1,3 @@
+import{Checkbox as e}from"@mui/material";import{styled as r}from"../../theme/index.js";let m=r(e)`
+  border-radius: ${({theme:e})=>e.shape.small};
+`;export{m as StyledCheckbox};

package/lib/components/CheckboxField/CheckboxField.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{FormControl as o}from"../FormControl/index.js";import{FormHelperText as t}from"../FormHelperText/index.js";import{StyledCheckbox as m,StyledFormControlledLabel as i}from"./styles.js";let l=({isSuccess:l,helperText:s,label:c,isError:n,...p})=>e(o,{children:[r(i,{control:r(m,{...p}),label:c}),s&&r(t,{error:n,success:l,children:s})]});export{l as CheckboxField};

package/lib/components/CheckboxField/CheckboxField.stories.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{CheckboxField as r}from"./CheckboxField.js";let l={title:"Components/CheckboxField",component:r},t={args:{label:"Текст"},parameters:{docs:{disable:!0}}},o=()=>e(r,{label:"Текст",helperText:"helper text"}),p=()=>e(r,{label:"Текст (default)"}),s=()=>e(r,{label:"Текст (helper text)",helperText:"helper text"}),a=()=>e(r,{label:"Текст (error)",helperText:"helper text",isError:!0}),x=()=>e(r,{label:"Текст (error, tooltip)",helperText:"helper text",isError:!0}),i=()=>e(r,{label:"Текст (success)",helperText:"helper text",isSuccess:!0});export{p as Default,a as ErrorExample,x as ErrorTooltip,o as Example,s as HelperText,t as Interaction,i as Success,l as default};

package/lib/components/CheckboxField/index.js

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

package/lib/components/CheckboxField/styles.js

@@ -0,0 +1,6 @@
+import{styled as e}from"../../theme/index.js";import{Checkbox as o}from"../Checkbox/index.js";import{FormControlLabel as r}from"../FormControlLabel/index.js";let i=e(r)`
+  align-items: center;
+`,t=e(o)`
+  margin: ${({theme:e})=>e.spacing(1)};
+  padding: ${({theme:e})=>e.spacing(1)};
+`;export{t as StyledCheckbox,i as StyledFormControlledLabel};

package/lib/components/Chevron/Chevron.js

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

package/lib/components/Chevron/Chevron.stories.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useState as o}from"react";import{Button as n}from"../Button/index.js";import{Chevron as i}from"./Chevron.js";let m={title:"Components/Chevron",component:i},s={args:{},parameters:{docs:{disable:!0}}},a=()=>{let[m,s]=o(!1);return t(e,{children:[r(n,{onClick:()=>s(!m),children:"Toggle"}),r(i,{isActive:m})]})};export{a as Example,s as Interaction,m as default};

package/lib/components/Chevron/index.js

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

package/lib/components/Chevron/styles.js

@@ -0,0 +1,6 @@
+import{ChevronDown as t}from"lucide-react";import{styled as r}from"../../theme/index.js";let i=r(t,{shouldForwardProp:t=>"isActive"!==t})`
+  transform: rotateZ(${({isActive:t})=>180*!!t}deg);
+  width: 16px;
+  height: 16px;
+  transition: ${({theme:t})=>t.transitions.create("transform",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.short})};
+`;export{i as ChevronIcon};

package/lib/components/CircularProgress/CircularProgress.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{CircularProgress as e}from"@mui/material";import{useLogic as i}from"./useLogic/index.js";let o=o=>{let{size:s}=i({...o}),{size:t,color:a,...m}=o;return r(e,{...m,size:s,color:"inherit","data-color":a})};export{o as CircularProgress};

package/lib/components/CircularProgress/CircularProgress.stories.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as e,jsxs as a}from"react/jsx-runtime";import{CircularProgress as o}from"./CircularProgress.js";let s={args:{},parameters:{docs:{disable:!0}}},l={title:"Components/CircularProgress",component:o,parameters:{options:{showPanel:!0},controls:{expanded:!0},backgrounds:{default:"dark",values:[{name:"dark",value:"#B7C2CE"},{name:"light",value:"#EBEEF1"}]}}},t=()=>e(o,{}),i=()=>a(r,{children:[e(o,{color:"primary"}),e(o,{color:"inverted"})]}),n=()=>a(r,{children:[e(o,{size:"small"}),e(o,{size:"medium"})]});export{i as Color,t as Example,s as Interaction,n as Size,l as default};

package/lib/components/CircularProgress/constants.js

@@ -0,0 +1 @@
+var r,s,a=((r={}).PRIMARY="primary",r.INVERTED="inverted",r),o=((s={}).SMALL="small",s.MEDIUM="medium",s);export{a as CircularProgressColors,o as CircularProgressSizes};

package/lib/components/CircularProgress/index.js

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

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

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

package/lib/components/CircularProgress/useLogic/useLogic.js

@@ -0,0 +1 @@
+let e=({size:e})=>({size:"small"===e?16:24});export{e as useLogic};

package/lib/components/Collapse/Collapse.js

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

package/lib/components/Collapse/Collapse.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{House as i}from"lucide-react";import{useState as t}from"react";import{Chevron as o}from"../Chevron/index.js";import{List as n}from"../List/index.js";import{ListItem as l}from"../ListItem/index.js";import{ListItemIcon as m}from"../ListItemIcon/index.js";import{ListItemText as s}from"../ListItemText/index.js";import{Collapse as d}from"./Collapse.js";let p={title:"Components/Collapse",component:d},a={args:{children:"Content",in:!0},parameters:{docs:{disable:!0}}},c=()=>{let[p,a]=t(!0);return r(n,{children:[r(l,{onClick:()=>{a(!p)},children:[e(m,{children:e(i,{})}),e(s,{primary:"Inbox"}),e(o,{isActive:p})]}),e(d,{in:p,children:r(n,{disablePadding:!0,children:[r(l,{children:[e(m,{children:e(i,{})}),e(s,{primary:"Collapsed"})]}),r(l,{children:[e(m,{children:e(i,{})}),e(s,{primary:"Collapsed"})]})]})})]})};export{c as Example,a as Interaction,p as default};

package/lib/components/Collapse/index.js

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

package/lib/components/ConfigProvider/ConfigProvider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useEffect as o}from"react";let a={noDataImgSrc:"",defaultErrorImgSrc:"",outdatedReleaseErrorImgSrc:"",mailImgSrc:""},t={phone:"",email:""},n="ym-hide-content",i=e({language:"ru",captureException:r=>console.error(r),imagesMap:a,techSup:t,emptySymbol:"—",hidePersonalDataClassname:n,hidePersonalData:!0}),c=({children:e,language:c="ru",captureException:m,emptySymbol:l="—",imagesMap:p=a,techSup:u=t,hidePersonalData:d=!0,hidePersonalDataClassname:g=n,components:s})=>(o(()=>{m||console.warn("ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.\nНа данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль")},[]),r(i.Provider,{value:{language:c,captureException:m||(r=>console.error(r)),emptySymbol:l,imagesMap:p,techSup:u,hidePersonalData:d,hidePersonalDataClassname:g,components:s},children:e}));export{i as ConfigContext,c as ConfigProvider};

package/lib/components/ConfigProvider/index.js

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

package/lib/components/ConfirmAction/ConfirmAction.js

@@ -0,0 +1 @@
+import{Fragment as r,jsx as o,jsxs as i}from"react/jsx-runtime";import{Button as t}from"../Button/index.js";import{Popover as n}from"../Popover/index.js";import{DEFAULT_ANCHOR_ORIGIN as e,DEFAULT_TRANSFORM_ORIGIN as m}from"./constants.js";import{Actions as s,StyledTypography as c,Wrapper as p}from"./styles.js";import{useLogic as d}from"./useLogic/index.js";let l=l=>{let{actionComponentProps:f,popoverProps:h,cancelButtonProps:x,confirmButtonProps:a}=d(l),{text:j,confirmButtonProps:u,popoverProps:g,actionComponent:v}=l,{text:P="Подтвердить"}=u||{},{anchorOrigin:B=e,transformOrigin:O=m}=g||{};return i(r,{children:[v(f),o(n,{anchorOrigin:B,transformOrigin:O,...h,children:i(p,{children:[j&&o(c,{children:j}),i(s,{children:[o(t,{variant:"text",...x,children:"Отмена"}),o(t,{...a,children:P})]})]})})]})};export{l as ConfirmAction};

package/lib/components/ConfirmAction/ConfirmAction.stories.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Trash as o}from"lucide-react";import"react";import{IconButton as n}from"../IconButton/index.js";import{ConfirmAction as e}from"./ConfirmAction.js";let r={title:"Components/ConfirmAction",component:e},i={args:{text:"Уверены, что хотите отменить запрос на подписание?",confirmButtonProps:{text:"Да, отменить запрос"},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>{}},parameters:{docs:{disable:!0}}},a=()=>t(e,{actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),c=()=>t(e,{text:"Уверены, что хотите отменить запрос на подписание?",confirmButtonProps:{text:"Да, отменить запрос"},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),m=()=>t(e,{text:"Если вы удалите черновик, то черновик с такими же данными нужно будет создать заново. Удалить черновик из списка?",confirmButtonProps:{text:"Да, удалить",isAccented:!0},actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),onConfirm:()=>alert("Delete")}),l=()=>t(e,{actionComponent:e=>t(n,{variant:"light",...e,children:t(o,{})}),popoverProps:{anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},onConfirm:()=>alert("Delete")});export{m as AccentedConfirmationButton,a as Example,i as Interaction,l as PopoverProps,c as WithText,r as default};

package/lib/components/ConfirmAction/constants.js

@@ -0,0 +1 @@
+let t={vertical:"bottom",horizontal:"right"},o={vertical:"top",horizontal:"right"};export{t as DEFAULT_ANCHOR_ORIGIN,o as DEFAULT_TRANSFORM_ORIGIN};

package/lib/components/ConfirmAction/index.js

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

package/lib/components/ConfirmAction/styles.js

@@ -0,0 +1,10 @@
+import{styled as p}from"../../theme/index.js";import{Typography as i}from"../Typography/index.js";let t=p("div")`
+  max-width: 380px;
+  padding: ${({theme:p})=>p.spacing(4)};
+`,a=p(i)`
+  margin-bottom: ${({theme:p})=>p.spacing(3)};
+`,e=p("div")`
+  display: flex;
+  gap: ${({theme:p})=>p.spacing(3)};
+  justify-content: end;
+`;export{e as Actions,a as StyledTypography,t as Wrapper};

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

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

package/lib/components/ConfirmAction/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{usePopover as o}from"../../../hooks/index.js";import{ButtonColors as n,ButtonVariants as r}from"../../Button/index.js";let t=({confirmButtonProps:t,onConfirm:e})=>{let{isOpen:i,anchor:c,actions:p}=o(),{isAccented:s}=t||{},l=s?r.Light:r.Contained,m=s?n.Error:n.Primary;return{actionComponentProps:{onClick:p.open},popoverProps:{open:i,anchorEl:c,onClose:p.close},cancelButtonProps:{onClick:p.close},confirmButtonProps:{variant:l,color:m,onClick:()=>{e(),p.close()}}}};export{t as useLogic};

package/lib/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{Button as e}from"../Button/index.js";import{Dialog as r}from"../Dialog/index.js";import{DialogActions as t}from"../DialogActions/index.js";import{DialogContent as n}from"../DialogContent/index.js";import{DialogContentText as m}from"../DialogContentText/index.js";import{CancelButton as l}from"./styles.js";import{useLogic as s}from"./useLogic/index.js";let c=c=>{let{isShowCancelButton:d,cancelButtonProps:x}=s(c),{open:f,title:p,description:j,actions:a,onClose:g,...h}=c,{text:D,...u}=a.confirm,{text:C,variant:y,onClick:A,...B}=a.cancel||{};return i(r,{title:p,open:f,onClose:g,...h,children:[j&&o(n,{children:o(m,{children:j})}),i(t,{children:[d&&o(l,{...B,...x,children:C}),o(e,{...u,children:D})]})]})};export{c as ConfirmDialog};

package/lib/components/ConfirmDialog/ConfirmDialog.stories.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import e from"react";import{useToggle as i}from"../../hooks/index.js";import{Button as n}from"../Button/index.js";import{ConfirmDialog as r}from"./ConfirmDialog.js";let m={title:"Components/ConfirmDialog",component:r},a={args:{open:!0,title:"Подверждение",onClose:()=>{},actions:{confirm:{text:"Да"}}},parameters:{docs:{disable:!0}}},s=()=>{let[m,a,s]=i(),[l,c]=e.useState(!1);return t("div",{children:[o(n,{variant:"contained",onClick:a,children:"ConfirmDialog"}),o(r,{open:m,title:"Подверждение",description:"Вы подтверждаете действие?",onClose:s,actions:{confirm:{text:"Да",onClick:()=>(c(!0),setTimeout(()=>{c(!1),s()},1e3)),loading:l},cancel:{text:"Нет"}}})]})};export{s as Example,a as Interaction,m as default};

package/lib/components/ConfirmDialog/index.js

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

package/lib/components/ConfirmDialog/styles.js

@@ -0,0 +1,5 @@
+import{styled as o}from"../../theme/index.js";import{Button as t}from"../Button/index.js";let e=o(t)`
+  ${({theme:o})=>o.breakpoints.down("sm")} {
+    order: 1;
+  }
+`;export{e as CancelButton};

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

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

package/lib/components/ConfirmDialog/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useViewportType as o}from"../../../hooks/index.js";let t=({actions:t,onClose:e})=>{let{isMobile:i}=o(),{cancel:l}=t,n=!!l,r=l?.onClick||e,{variant:c=i?"light":"text"}=l||{};return{isShowCancelButton:n,cancelButtonProps:{variant:c,onClick:r}}};export{t as useLogic};

package/lib/components/Container/Container.js

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

package/lib/components/Container/index.js

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

package/lib/components/Container/styles.js

@@ -0,0 +1,20 @@
+import{styled as e}from"../../theme/index.js";let a=e("div",{shouldForwardProp:e=>!["variant","direction","gap","width","height","justifyContent","alignItems","padding","margin","gridArea","templateAreas","templateColumns","templateRows","isPaper","elevation","borderRadius","placeItems"].includes(e.toString()),label:"Container"})`
+  display: ${({variant:e="flex",templateAreas:a,templateColumns:t,templateRows:r,placeItems:i})=>[r,t,a,i].some(Boolean)?"grid":e};
+  flex-direction: ${({direction:e="row"})=>e};
+  flex-wrap: ${({direction:e="row"})=>"row"===e?"nowrap":"wrap"};
+  gap: ${({gap:e=2,theme:a})=>a.spacing(e)};
+  width: ${({width:e})=>"number"==typeof e?`${e}px`:e};
+  height: ${({height:e})=>"number"==typeof e?`${e}px`:e};
+  justify-content: ${({justifyContent:e="flex-start"})=>e};
+  align-items: ${({alignItems:e})=>e};
+  grid-area: ${({gridArea:e})=>e};
+  grid-template-areas: ${({templateAreas:e})=>e};
+  grid-template-columns: ${({templateColumns:e})=>e};
+  grid-template-rows: ${({templateRows:e})=>e};
+  box-shadow: ${({theme:e,elevation:a=0})=>e.shadows[a]};
+  place-items: ${({placeItems:e})=>e};
+  border-radius: ${({theme:e,borderRadius:a=0})=>e.spacing(a)};
+  background-color: ${({theme:e,isPaper:a})=>a?e.palette.background.paper:"transparent"};
+  padding: ${({padding:e,theme:a})=>"number"==typeof e?a.spacing(e):e};
+  margin: ${({margin:e,theme:a})=>"number"==typeof e?a.spacing(e):e};
+`;export{a as ContainerRoot};

package/lib/components/ContentState/ContentState.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as o}from"react";import{Button as t}from"../Button/index.js";import{CircularProgress as i}from"../CircularProgress/index.js";import{ConfigContext as e}from"../ConfigProvider/index.js";import{ErrorBoundary as n}from"../ErrorBoundary/index.js";import{Placeholder as m}from"../Placeholder/index.js";import{Typography as l}from"../Typography/index.js";import{LoadingContainer as p}from"./styles.js";let d=({isLoading:d,isError:c,isCustom:f,errorState:s,customState:a,children:u,loadingContent:j=r(i,{color:"primary"})})=>{let{imagesMap:x}=o(e);if(d)return r(p,{children:j});if(f&&a)return r(m,{...a});if(c&&s){let{title:o="Произошла ошибка",imgAlt:i,imgSrc:e=x.defaultErrorImgSrc,errorList:n,onRetry:p,actions:d=r(t,{onClick:p,children:"Попробовать снова"})}=s,c=n.map(o=>r(l,{component:"p",children:o},o));return r(m,{title:o,description:c,imgAlt:i,imgSrc:e,Actions:d})}return r(n,{children:u})};export{d as ContentState};

package/lib/components/ContentState/ContentState.stories.js

@@ -0,0 +1,7 @@
+import{Fragment as r,jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{styled as o}from"../../theme/index.js";import{Button as n}from"../Button/index.js";import{ConfigProvider as l}from"../ConfigProvider/index.js";import{Container as a}from"../Container/index.js";import{TextField as s}from"../TextField/index.js";import{ContentState as d}from"./ContentState.js";let m="../../illustrations/error.svg",c="../../illustrations/no-data.svg",u="../../illustrations/outdated-release.svg",g={title:"Components/ContentState",component:d},h={args:{children:e(r,{children:[t(s,{label:"Название"}),t(n,{children:"Отправить"})]})},parameters:{docs:{disable:!0}}},S=()=>{let[r,t]=i(!1),[e,o]=i(""),[n,l]=i(!1);return{isLoading:r,error:e,fetch:()=>{o(""),t(!0),l(!1),setTimeout(()=>{t(!1),l(!0)},1e3)},fetchWithError:()=>{t(!0),l(!1),setTimeout(()=>{t(!1),o("Сервис недоступен")},1e3)},isSuccess:n}},p=o(a)`
+  overflow: hidden;
+  place-content: center center;
+
+  width: 384px;
+  height: 384px;
+`,f=({onSubmit:r,children:i})=>e(a,{children:[t(s,{label:"Название"}),t(n,{onClick:r,children:"Отправить"}),i]}),C=()=>{let{fetch:r,fetchWithError:e,isLoading:i,error:o}=S();return t(p,{children:t(d,{isError:!!o,isLoading:i,errorState:{imgSrc:m,imgAlt:"Ошибка",onRetry:r,errorList:[o]},children:t(f,{onSubmit:r,children:t(n,{onClick:e,children:"Отправить с ошибкой"})})})})},x=()=>{let{fetch:r,isLoading:e}=S();return t(p,{children:t(d,{isLoading:e,children:t(f,{onSubmit:r})})})},E=()=>{let{fetch:r,isLoading:e}=S();return t(p,{children:t(d,{isLoading:e,loadingContent:"Пожалуйста, подождите...",children:t(f,{onSubmit:r})})})},L=()=>{let{fetchWithError:r,isLoading:e,error:i}=S();return t(p,{children:t(l,{imagesMap:{defaultErrorImgSrc:m,noDataImgSrc:c,outdatedReleaseErrorImgSrc:u},children:t(d,{isLoading:e,isError:!!i,errorState:{imgAlt:"Ошибка",onRetry:r,errorList:[i]},children:t(f,{onSubmit:r})})})})},b=()=>{let{fetchWithError:r,isLoading:e,error:i}=S();return t(p,{children:t(l,{imagesMap:{defaultErrorImgSrc:m,noDataImgSrc:c,outdatedReleaseErrorImgSrc:u},children:t(d,{isLoading:e,isError:!!i,errorState:{imgSrc:"../../illustrations/technical-support.svg",imgAlt:"Ошибка",onRetry:r,errorList:[i]},children:t(f,{onSubmit:r})})})})},I=()=>{let{fetch:r,isLoading:e,isSuccess:i}=S();return t(p,{children:t(d,{isLoading:e,isCustom:i,customState:{imgSrc:"../../illustrations/certificates-not-found.svg",imgAlt:"Ваша заявка принята",title:"Ваша заявка принята",description:"Мы свяжемся с вами позже"},children:t(f,{onSubmit:r})})})};export{I as CustomState,L as ErrorState,b as ErrorStateWithCustomImg,C as Example,h as Interaction,x as IsLoading,E as LoadingContent,g as default};

package/lib/components/ContentState/index.js

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

package/lib/components/ContentState/styles.js

@@ -0,0 +1,9 @@
+import{styled as e}from"../../theme/index.js";let t=e("div")`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+`;export{t as LoadingContainer};

package/lib/components/CopyTypography/CopyTypography.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Tooltip as t}from"../Tooltip/index.js";import{StyledCopyIcon as r,Wrapper as i}from"./styles.js";import{useLogic as n}from"./useLogic/index.js";let l=l=>{let{children:m,copyPosition:p="right",copyText:c,isShowCopyText:s,color:a,...d}=l,y=()=>o(r,{$copyPosition:p,color:a}),{handleMouseLeave:f,handleClick:h,tooltipTitle:j,isIconOnLeft:u}=n(l);return o(t,{title:j,disableInteractive:!0,placement:"bottom",children:e(i,{onMouseLeave:f,onClick:h,component:"div",color:a,...d,children:[u&&y(),m,!u&&y()]})})};export{l as CopyTypography};

package/lib/components/CopyTypography/CopyTypography.stories.js

@@ -0,0 +1,7 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import"react";import{styled as i}from"../../theme/index.js";import{OverflowTypography as r}from"../OverflowTypography/index.js";import{Typography as p}from"../Typography/index.js";import{CopyTypography as t}from"./CopyTypography.js";let n={title:"Components/CopyTypography",component:t},c={args:{children:o(p,{children:"Швецова М. Д."}),copyText:"Швецова М. Д."},parameters:{docs:{disable:!0}}},l=i("div")`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing(4)};
+`,d=i("div")`
+  width: 150px;
+`,y=()=>o(t,{children:"Швецова М. Д."}),h=()=>e(l,{children:[o(t,{children:"Швецова М. Д."}),o(t,{copyPosition:"left",children:"Швецова М. Д."})]}),s=()=>e(l,{children:[o(t,{copyText:"Швецова Мария Дмитриевна",children:"Швецова М. Д."}),o(t,{copyText:"Швецова М. Д.",children:o(p,{children:"Швецова М. Д."})})]}),a=()=>o(d,{children:o(t,{copyText:"Швецова Мария Дмитриевна",isShowCopyText:!0,children:o(r,{tooltipProps:{title:void 0},children:"Швецова Мария Дмитриевна"})})});export{h as CopyPosition,s as CopyText,y as Example,c as Interaction,a as IsShowCopyText,n as default};

package/lib/components/CopyTypography/enums.js

@@ -0,0 +1 @@
+var o,a=((o={}).Copied="Скопировано",o.Error="Ошибка копирования",o.CanCopy="Скопировать",o);export{a as CopyStatus};

package/lib/components/CopyTypography/index.js

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

package/lib/components/CopyTypography/styles.js

@@ -0,0 +1,18 @@
+import{Copy as r}from"lucide-react";import{styled as i}from"../../theme/index.js";import{Typography as e}from"../Typography/index.js";let t=i(e)`
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,o=i(r,{shouldForwardProp:r=>!["$copyPosition"].includes(r.toString())})`
+  margin-right: ${({$copyPosition:r,theme:i})=>"left"===r?i.spacing(1):""};
+  margin-left: ${({$copyPosition:r,theme:i})=>"right"===r?i.spacing(1):""};
+
+  width: 16px;
+  height: 16px;
+
+  fill: ${({color:r})=>r};
+`;export{o as StyledCopyIcon,t as Wrapper};

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

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

package/lib/components/CopyTypography/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useState as t}from"react";import{CopyStatus as e}from"../enums.js";let o=({children:o,copyText:r,isShowCopyText:i,copyPosition:a})=>{let[n,p]=t(e.CanCopy);return{handleMouseLeave:()=>{n!==e.CanCopy&&setTimeout(()=>{p(e.CanCopy)},100)},handleClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(r||("string"==typeof o?o:"")).then(()=>p(e.Copied)).catch(()=>p(e.Error))},tooltipTitle:i?`${n}: ${r}`:n,isIconOnLeft:"left"===a}};export{o as useLogic};

package/lib/components/DashboardLayout/DashboardContext.js

@@ -0,0 +1 @@
+import{createContext as o}from"react";let e=o({collapsed:!1,toggleCollapsed:()=>{}});export{e as DashboardContext};

package/lib/components/DashboardLayout/DashboardLayout.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as o}from"react";import{useLocalStorage as e}from"react-use";import{LOCAL_STORAGE_KEY as t}from"./constants.js";import{DashboardContext as a}from"./DashboardContext.js";import{Main as i}from"./Main/index.js";import{Sidebar as m}from"./Sidebar/index.js";import{LayoutContainer as s}from"./styles.js";let d=({children:o,className:i})=>{let[m,d]=e(t,!1);return r(a.Provider,{value:{collapsed:m,toggleCollapsed:()=>d(!m)},children:r(s,{className:i,children:o})})};d.Sidebar=m,d.Main=i;let l=()=>o(a);export{d as DashboardLayout,l as useDashboard};

package/lib/components/DashboardLayout/DashboardLayout.stories.js

@@ -0,0 +1,4 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Boxes as o,Building2 as i,Settings as r,User as n}from"lucide-react";import{styled as a}from"../../theme/index.js";import{Button as l}from"../Button/index.js";import{Container as d}from"../Container/index.js";import{PageLayout as m}from"../PageLayout/index.js";import{Profile as s}from"../Profile/Profile.js";import{SidebarNav as c}from"../SidebarNav/index.js";import{SidebarProduct as u}from"../SidebarProduct/index.js";import{DashboardLayout as p,useDashboard as h}from"./DashboardLayout.js";let f={title:"Components/DashboardLayout",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},g=a("div")`
+  width: 100%;
+  height: 100svh;
+`,b=()=>{let{toggleCollapsed:t}=h();return e(l,{onClick:t,children:"Toggle"})},j=()=>{let{collapsed:t}=h(),o=[{icon:e(n,{}),title:"Мой профиль",onClick:()=>console.log("Мой профиль")},{icon:e(i,{}),title:"Мои организации"},{icon:e(r,{}),title:"Настройки"}];return e(s,{annotation:"vitatiy_grig@mail.ru",displayName:"Григорьев Виталий",collapsed:t,menuList:o})},x=()=>{let{collapsed:t}=h();return e(c,{collapsed:t,items:[{id:"documents",label:"Документы",icon:e(n,{}),subItems:[{id:"incoming-documents",label:"Входящие документы",active:!0},{id:"outgoing-documents",label:"Исходящие документы",active:!1}]},{id:"organizations",label:"Мои организации",icon:e(i,{})}]})},y=()=>e(g,{children:t(p,{children:[e(p.Sidebar,{header:e(u,{name:"My App",logo:()=>e(o,{})}),content:e(x,{},1),footer:e(j,{})}),e(p.Main,{children:e(d,{height:"100%",justifyContent:"center",alignItems:"center",children:t(m,{children:[e(m.Header,{title:"Dashboard"}),e(m.Content,{children:e(b,{})})]})})})]})});export{y as Example,f as default};

package/lib/components/DashboardLayout/Main/Main.js

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

package/lib/components/DashboardLayout/Main/index.js

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

package/lib/components/DashboardLayout/Main/styles.js

@@ -0,0 +1,7 @@
+import{styled as i}from"../../../theme/index.js";let e=i("main")`
+  grid-area: main;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: ${({theme:i})=>i.spacing(2,2,2,0)};
+`;export{e as MainRoot};

package/lib/components/DashboardLayout/Sidebar/Sidebar.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useDashboard as e}from"../DashboardLayout.js";import{SIDEBAR_WIDTH as o,SIDEBAR_WIDTH_COLLAPSED as i}from"./constants.js";import{SidebarContainer as s,SidebarContent as m,SidebarFooter as a,SidebarHeader as l}from"./styles.js";let n=({width:n=o,collapsedWidth:c=i,header:d,footer:h,content:p,className:f})=>{let{collapsed:j}=e();return t(s,{className:f,width:j?c:n,children:[d&&r(l,{children:d}),r(m,{children:p}),h&&r(a,{children:h})]})};export{n as Sidebar};

package/lib/components/DashboardLayout/Sidebar/constants.js

@@ -0,0 +1 @@
+let D="16rem",I="54px";export{D as SIDEBAR_WIDTH,I as SIDEBAR_WIDTH_COLLAPSED};

package/lib/components/DashboardLayout/Sidebar/index.js

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

package/lib/components/DashboardLayout/Sidebar/styles.js

@@ -0,0 +1,27 @@
+import{styled as a}from"../../../theme/index.js";let e=a("aside",{label:"Sidebar",shouldForwardProp:a=>"width"!==a})`
+  height: 100%;
+  width: ${({width:a})=>a};
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  grid-template-areas: 'header' 'content' 'footer';
+  overflow: hidden auto;
+  background-color: transparent;
+  transition: ${({theme:a})=>a.transitions.create("width",{duration:a.transitions.duration.standard,easing:a.transitions.easing.easeInOut})};
+`,r=a("header",{label:"SidebarHeader"})`
+  grid-area: header;
+  width: 100%;
+  padding: ${({theme:a})=>a.spacing(2)};
+  padding-bottom: 0;
+`,i=a("footer",{label:"SidebarFooter"})`
+  grid-area: footer;
+  padding: ${({theme:a})=>a.spacing(2)};
+  padding-top: 0;
+  width: 100%;
+`,d=a("div",{label:"SidebarContent"})`
+  grid-area: content;
+  overflow: hidden auto;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${({theme:a})=>a.spacing(2)};
+  padding: ${({theme:a})=>a.spacing(2)};
+`;export{e as SidebarContainer,d as SidebarContent,i as SidebarFooter,r as SidebarHeader};

package/lib/components/DashboardLayout/constants.js

@@ -0,0 +1 @@
+let a="dashboard::collapsedIn";export{a as LOCAL_STORAGE_KEY};

package/lib/components/DashboardLayout/index.js

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

package/lib/components/DashboardLayout/styles.js

@@ -0,0 +1,12 @@
+import{styled as e}from"../../theme/index.js";let r=e("div")`
+  width: 100%;
+  max-width: 1760px;
+  height: 100%;
+  margin: auto;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-areas: 'sidebar main';
+  border: 1px solid ${({theme:e})=>e.palette.grey[200]};
+  border-radius: ${({theme:e})=>e.shape.large};
+  background-color: #FAFAFA;
+`;export{r as LayoutContainer};

package/lib/components/DataGrid/Body/Body.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as e,useMemo as t}from"react";import{ConfigContext as o}from"../../ConfigProvider/index.js";import{ContentState as i}from"../../ContentState/index.js";import{Row as m}from"../Row/index.js";import{Wrapper as n}from"./styles.js";import{useLogic as s}from"./useLogic/index.js";let d=d=>{let{imagesMap:l}=e(o),{contentStateProps:p}=s(d),{rows:f,selectedRows:c=[],isLoading:x,isError:a,errorMsg:g,keyId:j,noDataPlaceholder:u,onRetry:w,minHeight:y="400px",...S}=d,h=t(()=>f.map(({children:e,rowOptions:t,...o})=>{let i=o[j];return r(m,{row:o,selectedRows:c,rowOptions:t,keyId:j,...S},i)}),[f,j,c,S]);return r(n,{style:{minHeight:y},children:r(i,{...p,errorState:{imgAlt:"Что-то пошло не так",errorList:[g||""],imgSrc:l.defaultErrorImgSrc,onRetry:w},children:f.length?h:u})})};export{d as Body};

package/lib/components/DataGrid/Body/index.js

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

package/lib/components/DataGrid/Body/styles.js

@@ -0,0 +1,9 @@
+import{styled as e}from"../../../theme/index.js";let l=e("ul",{label:"DataGridBody"})`
+  overflow-y: auto;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  display: flex;
+  flex-direction: column;
+`;export{l as Wrapper};

package/lib/components/DataGrid/Body/useLogic/index.js

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

package/lib/components/DataGrid/Body/useLogic/useLogic.js

@@ -0,0 +1 @@
+let t=({isLoading:t,isError:e,rows:r})=>{let o=!r.length;return{contentStateProps:{isLoading:t&&o,isError:e&&o}}};export{t as useLogic};

package/lib/components/DataGrid/Cell/Cell.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{OverflowTypography as t}from"../../OverflowTypography/index.js";import{Wrapper as o}from"./styles.js";import{useLogic as i}from"./useLogic/index.js";let s=s=>{let{formattedValue:l,hasStartAdornment:m}=i(s),{className:n,startAdornment:a,row:d,cell:p,isDisabled:f}=s,{renderCell:c,align:h="left"}=p;return e(o,{$isDisabled:f,$align:h,$hasStartAdornment:m,className:n,inert:!!f||void 0,children:[a&&a,c?.(d),!c&&r(t,{rowsCount:2,children:l})]})};export{s as Cell};

package/lib/components/DataGrid/Cell/index.js

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

package/lib/components/DataGrid/Cell/styles.js

@@ -0,0 +1,11 @@
+import{styled as i}from"../../../theme/index.js";import{MIN_ROW_HEIGHT as t}from"../constants.js";import{alignToJustifyContent as e}from"../utils/index.js";let n=i("div",{shouldForwardProp:i=>!["$align","$isDisabled","$hasStartAdornment"].includes(i.toString())})`
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: ${({$align:i})=>e(i)};
+
+  min-height: ${t}px;
+  padding: ${({theme:i,$hasStartAdornment:t})=>t?i.spacing(1,2,1,0):i.spacing(1,2)};
+
+  opacity: ${({$isDisabled:i})=>i?.5:1};
+`;export{n as Wrapper};

package/lib/components/DataGrid/Cell/useLogic/index.js

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

package/lib/components/DataGrid/Cell/useLogic/useLogic.js

@@ -0,0 +1 @@
+import{useMemo as t}from"react";let e=({row:e,cell:r,emptyCellValue:o,startAdornment:a})=>{let{format:m,field:l}=r,n=t=>!!t||0===t;return{formattedValue:t(()=>m&&n(m(e))?m(e):l&&n(e[l])?e[l]:o,[l,m,e,o]),hasStartAdornment:!!a}};export{e as useLogic};

package/lib/components/DataGrid/DataGrid.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useCallback as e,useContext as i}from"react";import{ConfigContext as t}from"../ConfigProvider/index.js";import{Body as m}from"./Body/index.js";import{Footer as n}from"./Footer/index.js";import{Head as s}from"./Head/index.js";import{Loader as d}from"./Loader/index.js";import{NoData as a}from"./NoData/index.js";import{Container as l,DataGridWrapper as c,DisabledDataGridWrapper as p}from"./styles.js";import{useLogic as f}from"./useLogic/index.js";let x=x=>{let{isDataGridDisabled:j,headProps:g,bodyProps:u,loaderProps:h,renderRows:y}=f(x),{emptySymbol:w}=i(t),{columns:R,selectedRows:v=[],sorting:C,maxHeight:D,errorMsg:L,footer:k,noDataPlaceholder:H,isLoading:I,isError:N,keyId:P,activeRowId:B,emptyCellValue:E=w,className:F,onRowClick:G,onSort:M,noDataOptions:S,onRetry:V}=x,$=e(()=>I?null:H||r(a,{...S}),[H,S,I]);return o(l,{$maxHeight:D,className:F,children:[o(j?p:c,{inert:!!j||void 0,children:[r(s,{...g,sorting:C,onSort:M}),r(m,{...u,activeRowId:B,keyId:P,selectedRows:v,rows:y,columns:R,emptyCellValue:E,isLoading:I,isError:N,errorMsg:L,noDataPlaceholder:$(),onRowClick:G,onRetry:V})]}),r(d,{...h}),k&&r(n,{children:k})]})};export{x as DataGrid};