@dartcom/ui-kit 10.3.8 → 10.3.9

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,2CA+Fd;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,2CA0Gd;AAED,eAAe,UAAU,CAAC"}

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

@@ -9,4 +9,5 @@ export declare const EmptyAndTitle: Story;
 export declare const EmptyNoShow: Story;
 export declare const WithTitle: Story;
 export declare const WithClear: Story;
+export declare const EmptyWithClear: Story;
 //# sourceMappingURL=list.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}
+{"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC"}

package/dist/index.cjs

@@ -32277,7 +32277,14 @@ const NoData = ({ text = 'Нет данных' }) => {
 };
 
 function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, onClear, sx, isShowNoData = true, }) {
-    const isNoData = items.length === 0;
+    const isData = React__namespace.useMemo(() => {
+        const isData = items.length > 0;
+        return isData;
+    }, [items.length]);
+    const isShowClear = React__namespace.useMemo(() => {
+        const isShowClear = Boolean(onClear) && isData;
+        return isShowClear;
+    }, [onClear, isData]);
     return (jsxRuntime.jsxs(material.Box, { sx: ({ spacing, breakpoints }) => {
             return {
                 display: 'grid',
@@ -32292,16 +32299,17 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
                     return {
                         display: 'flex',
                         alignItems: 'center',
+                        justifyContent: 'center',
                         gap: spacing(1),
                     };
                 }, children: [title ? (jsxRuntime.jsx(material.Typography, { variant: "h6", noWrap: true, sx: {
                             textAlign: 'center',
                             fontWeight: 700,
                             ...sx?.title,
-                        }, children: title })) : null, onClear ? (jsxRuntime.jsx(IconButton, { iconProps: {
+                        }, children: title })) : null, isShowClear ? (jsxRuntime.jsx(IconButton, { iconProps: {
                             name: 'clear',
                             color: 'warning',
-                        }, onClick: onClear })) : null] })) : null, isNoData ? (jsxRuntime.jsx(React__namespace.Fragment, { children: isShowNoData ? jsxRuntime.jsx(NoData, {}) : null })) : (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
+                        }, onClick: onClear })) : null] })) : null, isData ? (jsxRuntime.jsx(material.List, { sx: ({ spacing, breakpoints }) => {
                     return {
                         display: 'grid',
                         gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
@@ -32315,7 +32323,7 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
                         return {
                             ...sx?.item,
                         };
-                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
+                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) })) : (jsxRuntime.jsx(React__namespace.Fragment, { children: isShowNoData ? jsxRuntime.jsx(NoData, {}) : null }))] }));
 }
 
 function useCombinedRefs() {