@dartcom/ui-kit 2.3.1 → 2.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/list/list.js +3 -3
- package/dist/cjs/components/list/list.js.map +1 -1
- package/dist/esm/components/list/list.js +1 -1
- package/dist/esm/components/list/list.js.map +1 -1
- package/dist/esm/types/components/list/list.d.ts +3 -3
- package/dist/esm/types/components/list/list.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -22,13 +22,13 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
|
|
|
22
22
|
display: 'grid',
|
|
23
23
|
gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
|
|
24
24
|
gap: '15px',
|
|
25
|
-
}, disablePadding: true, children: items.map((item) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
|
|
26
|
-
onClick?.(item);
|
|
25
|
+
}, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
|
|
26
|
+
onClick?.(item, index);
|
|
27
27
|
}, sx: {
|
|
28
28
|
...(onClick && {
|
|
29
29
|
cursor: 'pointer',
|
|
30
30
|
}),
|
|
31
|
-
}, disablePadding: true, children: getContent(item) }, getKey(item)))) }))] }));
|
|
31
|
+
}, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
exports["default"] = CustomList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, Typography } from '@mui/material';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T) => React.JSX.Element;\r\n getKey: (item: T) => string | number;\r\n onClick?: (item: T) => void;\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <NoData />\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n }}\r\n disablePadding>\r\n {items.map((item) => (\r\n <ListItem\r\n key={getKey(item)}\r\n onClick={() => {\r\n onClick?.(item);\r\n }}\r\n sx={{\r\n ...(onClick && {\r\n cursor: 'pointer',\r\n }),\r\n }}\r\n disablePadding>\r\n {getContent(item)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["_jsxs","Box","_jsx","Typography","NoData","List","ListItem"],"mappings":";;;;;;;;;;;AAeA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACY,EAAA;AACnB,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAEpC,IAAA,QACEA,eAAA,CAACC,cAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAEf,YAAA,mBAAmB,EAAE,KAAK;AAE1B,YAAA,GAAG,EAAE,MAAM;AACZ,SAAA,EAAA,QAAA,EAAA,CACA,KAAK,IACJC,cAAC,CAAAC,qBAAU,EACT,EAAA,OAAO,EAAC,IAAI,EACZ,MAAM,EAAA,IAAA,EACN,EAAE,EAAE;AACF,oBAAA,SAAS,EAAE,QAAQ;AAEnB,oBAAA,UAAU,EAAE,GAAG;iBAChB,EACA,QAAA,EAAA,KAAK,EACK,CAAA,IACX,IAAI,EAEP,QAAQ,IACPD,cAAC,CAAAE,iBAAM,EAAG,EAAA,CAAA,KAEVF,cAAC,CAAAG,eAAI,EACH,EAAA,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;oBAEf,mBAAmB,EAAE,CAAU,OAAA,EAAA,YAAY,CAAQ,MAAA,CAAA;AAEnD,oBAAA,GAAG,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, Typography } from '@mui/material';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T, index: number) => React.JSX.Element;\r\n getKey: (item: T, index: number) => string | number;\r\n onClick?: (item: T, index: number) => void;\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <NoData />\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n }}\r\n disablePadding>\r\n {items.map((item, index) => (\r\n <ListItem\r\n key={getKey(item, index)}\r\n onClick={() => {\r\n onClick?.(item, index);\r\n }}\r\n sx={{\r\n ...(onClick && {\r\n cursor: 'pointer',\r\n }),\r\n }}\r\n disablePadding>\r\n {getContent(item, index)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["_jsxs","Box","_jsx","Typography","NoData","List","ListItem"],"mappings":";;;;;;;;;;;AAeA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACY,EAAA;AACnB,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAEpC,IAAA,QACEA,eAAA,CAACC,cAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAEf,YAAA,mBAAmB,EAAE,KAAK;AAE1B,YAAA,GAAG,EAAE,MAAM;AACZ,SAAA,EAAA,QAAA,EAAA,CACA,KAAK,IACJC,cAAC,CAAAC,qBAAU,EACT,EAAA,OAAO,EAAC,IAAI,EACZ,MAAM,EAAA,IAAA,EACN,EAAE,EAAE;AACF,oBAAA,SAAS,EAAE,QAAQ;AAEnB,oBAAA,UAAU,EAAE,GAAG;iBAChB,EACA,QAAA,EAAA,KAAK,EACK,CAAA,IACX,IAAI,EAEP,QAAQ,IACPD,cAAC,CAAAE,iBAAM,EAAG,EAAA,CAAA,KAEVF,cAAC,CAAAG,eAAI,EACH,EAAA,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,MAAM;oBAEf,mBAAmB,EAAE,CAAU,OAAA,EAAA,YAAY,CAAQ,MAAA,CAAA;AAEnD,oBAAA,GAAG,EAAE,MAAM;iBACZ,EACD,cAAc,kBACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBH,cAAC,CAAAI,mBAAQ,IAEP,OAAO,EAAE,MAAK;AACZ,wBAAA,OAAO,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC;qBACxB,EACD,EAAE,EAAE;wBACF,IAAI,OAAO,IAAI;AACb,4BAAA,MAAM,EAAE,SAAS;yBAClB,CAAC;qBACH,EACD,cAAc,kBACb,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EAVnB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAWf,CACZ,CAAC,EACG,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"../no-data/no-data.js";import o from"../../node_modules/@mui/material/esm/Box/Box.js";import r from"../../node_modules/@mui/material/esm/Typography/Typography.js";import m from"../../node_modules/@mui/material/esm/List/List.js";import n from"../../node_modules/@mui/material/esm/ListItem/ListItem.js";function s({items:s,columnsCount:a=1,getContent:l,title:d,getKey:p,onClick:u}){const g=0===s.length;return e(o,{sx:{display:"grid",gridTemplateColumns:"1fr",gap:"15px"},children:[d?t(r,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700},children:d}):null,g?t(i,{}):t(m,{sx:{display:"grid",gridTemplateColumns:`repeat(${a}, 1fr)`,gap:"15px"},disablePadding:!0,children:s.map(e=>t(n,{onClick:()=>{u?.(e)},sx:{...u&&{cursor:"pointer"}},disablePadding:!0,children:l(e)},p(e)))})]})}export{s as default};
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"../no-data/no-data.js";import o from"../../node_modules/@mui/material/esm/Box/Box.js";import r from"../../node_modules/@mui/material/esm/Typography/Typography.js";import m from"../../node_modules/@mui/material/esm/List/List.js";import n from"../../node_modules/@mui/material/esm/ListItem/ListItem.js";function s({items:s,columnsCount:a=1,getContent:l,title:d,getKey:p,onClick:u}){const g=0===s.length;return e(o,{sx:{display:"grid",gridTemplateColumns:"1fr",gap:"15px"},children:[d?t(r,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700},children:d}):null,g?t(i,{}):t(m,{sx:{display:"grid",gridTemplateColumns:`repeat(${a}, 1fr)`,gap:"15px"},disablePadding:!0,children:s.map((e,i)=>t(n,{onClick:()=>{u?.(e,i)},sx:{...u&&{cursor:"pointer"}},disablePadding:!0,children:l(e,i)},p(e,i)))})]})}export{s as default};
|
|
2
2
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, Typography } from '@mui/material';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T) => React.JSX.Element;\r\n getKey: (item: T) => string | number;\r\n onClick?: (item: T) => void;\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <NoData />\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n }}\r\n disablePadding>\r\n {items.map((item) => (\r\n <ListItem\r\n key={getKey(item)}\r\n onClick={() => {\r\n onClick?.(item);\r\n }}\r\n sx={{\r\n ...(onClick && {\r\n cursor: 'pointer',\r\n }),\r\n }}\r\n disablePadding>\r\n {getContent(item)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["CustomList","items","columnsCount","getContent","title","getKey","onClick","isNoData","length","_jsxs","Box","sx","display","gridTemplateColumns","gap","children","_jsx","Typography","variant","noWrap","textAlign","fontWeight","NoData","List","disablePadding","map","item","ListItem","cursor"],"mappings":"6WAeA,SAASA,GAAcC,MACrBA,EAAKC,aACLA,EAAe,EAACC,WAChBA,EAAUC,MACVA,EAAKC,OACLA,EAAMC,QACNA,IAEA,MAAMC,EAA4B,IAAjBN,EAAMO,OAEvB,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,QAAS,OAETC,oBAAqB,MAErBC,IAAK,QACNC,SAAA,CACAX,EACCY,EAACC,EACC,CAAAC,QAAQ,KACRC,QAAM,EACNR,GAAI,CACFS,UAAW,SAEXC,WAAY,KAEbN,SAAAX,IAED,KAEHG,EACCS,EAACM,EAAS,CAAA,GAEVN,EAACO,EACC,CAAAZ,GAAI,CACFC,QAAS,OAETC,oBAAqB,UAAUX,UAE/BY,IAAK,QAEPU,
|
|
1
|
+
{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, Typography } from '@mui/material';\r\n\r\nimport { NoData } from '../no-data';\r\n\r\ninterface CustomListProps<T> {\r\n items: T[];\r\n columnsCount?: number;\r\n title?: string;\r\n\r\n getContent: (item: T, index: number) => React.JSX.Element;\r\n getKey: (item: T, index: number) => string | number;\r\n onClick?: (item: T, index: number) => void;\r\n}\r\n\r\nfunction CustomList<T>({\r\n items,\r\n columnsCount = 1,\r\n getContent,\r\n title,\r\n getKey,\r\n onClick,\r\n}: CustomListProps<T>) {\r\n const isNoData = items.length === 0;\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: '1fr',\r\n\r\n gap: '15px',\r\n }}>\r\n {title ? (\r\n <Typography\r\n variant=\"h6\"\r\n noWrap\r\n sx={{\r\n textAlign: 'center',\r\n\r\n fontWeight: 700,\r\n }}>\r\n {title}\r\n </Typography>\r\n ) : null}\r\n\r\n {isNoData ? (\r\n <NoData />\r\n ) : (\r\n <List\r\n sx={{\r\n display: 'grid',\r\n\r\n gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,\r\n\r\n gap: '15px',\r\n }}\r\n disablePadding>\r\n {items.map((item, index) => (\r\n <ListItem\r\n key={getKey(item, index)}\r\n onClick={() => {\r\n onClick?.(item, index);\r\n }}\r\n sx={{\r\n ...(onClick && {\r\n cursor: 'pointer',\r\n }),\r\n }}\r\n disablePadding>\r\n {getContent(item, index)}\r\n </ListItem>\r\n ))}\r\n </List>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CustomList;\r\n"],"names":["CustomList","items","columnsCount","getContent","title","getKey","onClick","isNoData","length","_jsxs","Box","sx","display","gridTemplateColumns","gap","children","_jsx","Typography","variant","noWrap","textAlign","fontWeight","NoData","List","disablePadding","map","item","index","ListItem","cursor"],"mappings":"6WAeA,SAASA,GAAcC,MACrBA,EAAKC,aACLA,EAAe,EAACC,WAChBA,EAAUC,MACVA,EAAKC,OACLA,EAAMC,QACNA,IAEA,MAAMC,EAA4B,IAAjBN,EAAMO,OAEvB,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,QAAS,OAETC,oBAAqB,MAErBC,IAAK,QACNC,SAAA,CACAX,EACCY,EAACC,EACC,CAAAC,QAAQ,KACRC,QAAM,EACNR,GAAI,CACFS,UAAW,SAEXC,WAAY,KAEbN,SAAAX,IAED,KAEHG,EACCS,EAACM,EAAS,CAAA,GAEVN,EAACO,EACC,CAAAZ,GAAI,CACFC,QAAS,OAETC,oBAAqB,UAAUX,UAE/BY,IAAK,QAEPU,2BACCvB,EAAMwB,IAAI,CAACC,EAAMC,IAChBX,EAACY,GAECtB,QAAS,KACPA,IAAUoB,EAAMC,IAElBhB,GAAI,IACEL,GAAW,CACbuB,OAAQ,YAGZL,2BACCrB,EAAWuB,EAAMC,IAVbtB,EAAOqB,EAAMC,SAiBhC"}
|
|
@@ -3,9 +3,9 @@ interface CustomListProps<T> {
|
|
|
3
3
|
items: T[];
|
|
4
4
|
columnsCount?: number;
|
|
5
5
|
title?: string;
|
|
6
|
-
getContent: (item: T) => React.JSX.Element;
|
|
7
|
-
getKey: (item: T) => string | number;
|
|
8
|
-
onClick?: (item: T) => void;
|
|
6
|
+
getContent: (item: T, index: number) => React.JSX.Element;
|
|
7
|
+
getKey: (item: T, index: number) => string | number;
|
|
8
|
+
onClick?: (item: T, index: number) => void;
|
|
9
9
|
}
|
|
10
10
|
declare function CustomList<T>({ items, columnsCount, getContent, title, getKey, onClick, }: CustomListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export default CustomList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eAAe,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eAAe,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1D,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwDpB;AAED,eAAe,UAAU,CAAC"}
|