@dartcom/ui-kit 10.5.23 → 10.5.24

package/dist/components/buttons/delete/delete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAW5C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4F7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/delete/delete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAW5C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/buttons/delete/delete.esm.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import*as r from"react";import{Slide as n,Tooltip as o,Dialog as t,DialogTitle as l,DialogContent as c,DialogContentText as d,DialogActions as a,Button as s}from"@mui/material";import m from"../icon/icon.esm.js";const f=r.forwardRef(function(i,r){return e(n,{direction:"up",ref:r,...i})}),u=({notification:n,onDelete:u,disabled:p=!1,...h})=>{const x=r.useId(),[C,b]=r.useState(!1),k=()=>{b(!1)},g=r.useMemo(()=>({name:"delete",color:p?"disabled":"error"}),[p]);return i(r.Fragment,{children:[n?e(o,{title:n.title,children:e(m,{...h,iconProps:g,onClick:()=>{b(!0)},disabled:p})}):e(m,{...h,iconProps:g,onClick:u,disabled:p}),n?i(t,{slots:{transition:f},open:C,onClose:k,children:[e(l,{id:`${x}-dialog-title`,children:n.title}),e(c,{children:e(d,{id:`${x}-dialog-text`,children:n.description})}),i(a,{children:[e(s,{variant:"contained",color:"error",sx:{textTransform:"none"},onClick:k,children:"Отмена"}),e(s,{variant:"contained",sx:{textTransform:"none"},onClick:()=>{u(),k()},children:"Подтвердить"})]})]}):null]})};export{u as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import*as o from"react";import{Slide as n,Tooltip as r,Dialog as t,DialogTitle as l,DialogContent as c,DialogContentText as d,DialogActions as a,Button as s}from"@mui/material";import m from"../icon/icon.esm.js";const f=o.forwardRef(function(i,o){return e(n,{direction:"up",ref:o,...i})}),u=({notification:n,onDelete:u,disabled:h=!1,...p})=>{const x=o.useId(),[C,b]=o.useState(!1),k=()=>{b(!1)},g=o.useMemo(()=>h?"disabled":"error",[h]);return i(o.Fragment,{children:[n?e(r,{title:n.title,children:e(m,{...p,iconName:"delete",iconColor:g,onClick:()=>{b(!0)},disabled:h})}):e(m,{...p,iconName:"delete",iconColor:g,onClick:u,disabled:h}),n?i(t,{slots:{transition:f},open:C,onClose:k,children:[e(l,{id:`${x}-dialog-title`,children:n.title}),e(c,{children:e(d,{id:`${x}-dialog-text`,children:n.description})}),i(a,{children:[e(s,{variant:"contained",color:"error",sx:{textTransform:"none"},onClick:k,children:"Отмена"}),e(s,{variant:"contained",sx:{textTransform:"none"},onClick:()=>{u(),k()},children:"Подтвердить"})]})]}):null]})};export{u as default};

package/dist/components/buttons/icon/constants.d.ts

@@ -17,5 +17,11 @@ export declare const icons: {
     clear: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
         muiName: string;
     };
+    show: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    close: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/buttons/icon/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAOjB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/constants.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CASjB,CAAC"}

package/dist/components/buttons/icon/constants.esm.js

@@ -1 +1 @@
-import i from"@mui/icons-material/Clear";import m from"@mui/icons-material/Delete";import r from"@mui/icons-material/Edit";import e from"@mui/icons-material/Moving";import o from"@mui/icons-material/RestartAlt";import t from"@mui/icons-material/Save";const a={reset:o,edit:r,move:e,save:t,delete:m,clear:i};export{a as icons};
+import i from"@mui/icons-material/Clear";import m from"@mui/icons-material/CloseOutlined";import o from"@mui/icons-material/Delete";import r from"@mui/icons-material/Edit";import t from"@mui/icons-material/Moving";import e from"@mui/icons-material/RestartAlt";import a from"@mui/icons-material/Save";import l from"@mui/icons-material/Visibility";const s={reset:e,edit:r,move:t,save:a,delete:o,clear:i,show:l,close:m};export{s as icons};

package/dist/components/buttons/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/buttons/icon/icon.esm.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import*as i from"react";import{styled as t,IconButton as r,Tooltip as n}from"@mui/material";import{icons as e}from"./constants.esm.js";const m=t(r)(()=>({padding:0})),c=({title:t,iconProps:r,...c})=>{const a=i.useId(),l=e[r.name],s=r.color??"primary";return t?o(n,{title:t,children:o(m,{id:a,...c,onClick:o=>{o.stopPropagation(),c.onClick?.(o)},children:o(l,{fontSize:"medium",color:s})})}):o(m,{id:a,...c,onClick:o=>{o.stopPropagation(),c.onClick?.(o)},children:o(l,{fontSize:"medium",color:s})})};export{c as default};
+import{jsx as o}from"react/jsx-runtime";import*as i from"react";import{styled as t,IconButton as r,Tooltip as n}from"@mui/material";import{icons as e}from"./constants.esm.js";const m=t(r)(()=>({padding:0})),c=({title:t,iconName:r,iconColor:c="primary",...a})=>{const l=i.useId(),s=e[r];return t?o(n,{title:t,children:o(m,{id:l,...a,onClick:o=>{o.stopPropagation(),a.onClick?.(o)},children:o(s,{fontSize:"medium",color:c})})}):o(m,{id:l,...a,onClick:o=>{o.stopPropagation(),a.onClick?.(o)},children:o(s,{fontSize:"medium",color:c})})};export{c as default};

package/dist/components/buttons/icon/types.d.ts

@@ -1,10 +1,8 @@
 import { IconButton, IconProps } from '@mui/material';
 import { icons } from './constants';
 export type IconButtonProps = React.ComponentProps<typeof IconButton> & {
-    iconProps: {
-        name: keyof typeof icons;
-        color?: IconProps['color'];
-    };
+    iconName: keyof typeof icons;
+    iconColor?: IconProps['color'];
     title?: React.ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/buttons/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IACtE,SAAS,EAAE;QACT,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;QACzB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;KAC5B,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IACtE,QAAQ,EAAE,MAAM,OAAO,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC"}

package/dist/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,EAEF,YAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,2CA0Gd;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,EAEF,YAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,2CAwGd;AAED,eAAe,UAAU,CAAC"}

package/dist/components/list/list.esm.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import*as n from"react";import{Box as i,Typography as o,List as a,ListItem as r}from"@mui/material";import"@mui/material/IconButton";import"../buttons/delete/delete.esm.js";import l from"../buttons/icon/icon.esm.js";import"@mui/icons-material/CloudUpload";import"../buttons/upload/styles.esm.js";import s from"../no-data/no-data.esm.js";function m({items:m,columnsCount:p=1,getContent:d,title:c,getKey:u,onClick:g,onClear:f,sx:h,isShowNoData:x=!0}){const C=n.useMemo(()=>m.length>0,[m.length]),b=n.useMemo(()=>Boolean(f)&&C,[f,C]);return t(i,{sx:({spacing:t,breakpoints:e})=>({display:"grid",gridTemplateColumns:"1fr",gap:t(2),...h?.root,[e.down("sm")]:{gap:t(1)}}),children:[c||f?t(i,{sx:({spacing:t})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:t(1)}),children:[c?e(o,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700,...h?.title},children:c}):null,b?e(l,{iconProps:{name:"clear",color:"warning"},onClick:f}):null]}):null,C?e(a,{sx:({spacing:t,breakpoints:e})=>({display:"grid",gridTemplateColumns:`repeat(${p}, 1fr)`,gap:t(2),...h?.list,[e.down("sm")]:{gap:t(1)}}),disablePadding:!0,children:m.map((t,n)=>e(r,{onClick:()=>g?.(t,n),sx:()=>({...h?.item}),disablePadding:!0,children:d(t,n)},u(t,n)))}):e(n.Fragment,{children:x?e(s,{}):null})]})}export{m as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import*as n from"react";import{Box as i,Typography as o,List as a,ListItem as l}from"@mui/material";import"@mui/material/IconButton";import"../buttons/delete/delete.esm.js";import r from"../buttons/icon/icon.esm.js";import"@mui/icons-material/CloudUpload";import"../buttons/upload/styles.esm.js";import s from"../no-data/no-data.esm.js";function m({items:m,columnsCount:p=1,getContent:d,title:c,getKey:u,onClick:g,onClear:f,sx:h,isShowNoData:C=!0}){const x=n.useMemo(()=>m.length>0,[m.length]),b=n.useMemo(()=>Boolean(f)&&x,[f,x]);return t(i,{sx:({spacing:t,breakpoints:e})=>({display:"grid",gridTemplateColumns:"1fr",gap:t(2),...h?.root,[e.down("sm")]:{gap:t(1)}}),children:[c||f?t(i,{sx:({spacing:t})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:t(1)}),children:[c?e(o,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700,...h?.title},children:c}):null,b?e(r,{iconName:"clear",iconColor:"warning",onClick:f}):null]}):null,x?e(a,{sx:({spacing:t,breakpoints:e})=>({display:"grid",gridTemplateColumns:`repeat(${p}, 1fr)`,gap:t(2),...h?.list,[e.down("sm")]:{gap:t(1)}}),disablePadding:!0,children:m.map((t,n)=>e(l,{onClick:()=>g?.(t,n),sx:()=>({...h?.item}),disablePadding:!0,children:d(t,n)},u(t,n)))}):e(n.Fragment,{children:C?e(s,{}):null})]})}export{m as default};

package/dist/index.cjs

@@ -8,11 +8,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
 var IconButton$1 = require('@mui/material/IconButton');
 var ClearIcon = require('@mui/icons-material/Clear');
+var CloseIcon = require('@mui/icons-material/CloseOutlined');
 var DeleteIcon = require('@mui/icons-material/Delete');
 var EditIcon = require('@mui/icons-material/Edit');
 var MovingIcon = require('@mui/icons-material/Moving');
 var RestartAltIcon = require('@mui/icons-material/RestartAlt');
 var SaveIcon = require('@mui/icons-material/Save');
+var VisibilityIcon = require('@mui/icons-material/Visibility');
 var CloudUploadIcon = require('@mui/icons-material/CloudUpload');
 var Checkbox = require('@mui/material/Checkbox');
 var FormControlLabel = require('@mui/material/FormControlLabel');
@@ -17410,6 +17412,8 @@ const icons = {
     save: SaveIcon,
     delete: DeleteIcon,
     clear: ClearIcon,
+    show: VisibilityIcon,
+    close: CloseIcon,
 };
 
 const StyledIconButton = material.styled(material.IconButton)(() => {
@@ -17417,10 +17421,9 @@ const StyledIconButton = material.styled(material.IconButton)(() => {
         padding: 0,
     };
 });
-const IconButton = ({ title, iconProps, ...props }) => {
+const IconButton = ({ title, iconName, iconColor = 'primary', ...props }) => {
     const buttonId = React__namespace.useId();
-    const Icon = icons[iconProps.name];
-    const iconColor = iconProps.color ?? 'primary';
+    const Icon = icons[iconName];
     if (title) {
         return (jsxRuntime.jsx(material.Tooltip, { title: title, children: jsxRuntime.jsx(StyledIconButton, { id: buttonId, ...props, onClick: (event) => {
                     event.stopPropagation();
@@ -17445,13 +17448,10 @@ const DeleteButton = ({ notification, onDelete, disabled = false, ...props }) =>
     const handleCloseNotification = () => {
         setOpenNotification(false);
     };
-    const iconProps = React__namespace.useMemo(() => {
-        return {
-            name: 'delete',
-            color: disabled ? 'disabled' : 'error',
-        };
+    const iconColor = React__namespace.useMemo(() => {
+        return disabled ? 'disabled' : 'error';
     }, [disabled]);
-    return (jsxRuntime.jsxs(React__namespace.Fragment, { children: [notification ? (jsxRuntime.jsx(material.Tooltip, { title: notification.title, children: jsxRuntime.jsx(IconButton, { ...props, iconProps: iconProps, onClick: handleOpenNotification, disabled: disabled }) })) : (jsxRuntime.jsx(IconButton, { ...props, iconProps: iconProps, onClick: onDelete, disabled: disabled })), notification ? (jsxRuntime.jsxs(material.Dialog, { slots: {
+    return (jsxRuntime.jsxs(React__namespace.Fragment, { children: [notification ? (jsxRuntime.jsx(material.Tooltip, { title: notification.title, children: jsxRuntime.jsx(IconButton, { ...props, iconName: "delete", iconColor: iconColor, onClick: handleOpenNotification, disabled: disabled }) })) : (jsxRuntime.jsx(IconButton, { ...props, iconName: "delete", iconColor: iconColor, onClick: onDelete, disabled: disabled })), notification ? (jsxRuntime.jsxs(material.Dialog, { slots: {
                     transition: Transition,
                 }, open: openNotification, onClose: handleCloseNotification, children: [jsxRuntime.jsx(material.DialogTitle, { id: `${id}-dialog-title`, children: notification.title }), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(material.DialogContentText, { id: `${id}-dialog-text`, children: notification.description }) }), jsxRuntime.jsxs(material.DialogActions, { children: [jsxRuntime.jsx(material.Button, { variant: "contained", color: "error", sx: {
                                     textTransform: 'none',
@@ -20315,10 +20315,7 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
                             textAlign: 'center',
                             fontWeight: 700,
                             ...sx?.title,
-                        }, children: title })) : null, isShowClear ? (jsxRuntime.jsx(IconButton, { iconProps: {
-                            name: 'clear',
-                            color: 'warning',
-                        }, onClick: onClear })) : null] })) : null, isData ? (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
+                        }, children: title })) : null, isShowClear ? (jsxRuntime.jsx(IconButton, { iconName: "clear", iconColor: "warning", onClick: onClear })) : null] })) : null, isData ? (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
                     return {
                         display: 'grid',
                         gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartcom/ui-kit",
-  "version": "10.5.23",
+  "version": "10.5.24",
   "description": "Кастомная библиотека компонентов Dartcom",
   "type": "module",
   "main": "./dist/index.cjs",