@dartcom/ui-kit 2.7.0 → 2.7.1

package/dist/cjs/components/drag-list/drag-list.js

@@ -8,7 +8,7 @@ var sortable_esm = require('../../node_modules/@dnd-kit/sortable/dist/sortable.e
 var list = require('../list/list.js');
 var draggable = require('./draggable/draggable.js');
 
-function DragList({ items, getItem, getId, onDragEnd, sx, draggableSx, }) {
+function DragList({ items, getItem, getId, onDragEnd, sx, title, draggableSx, }) {
     const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, {
         activationConstraint: {
             distance: 8,
@@ -20,10 +20,10 @@ function DragList({ items, getItem, getId, onDragEnd, sx, draggableSx, }) {
             const newIndex = items.findIndex((item) => getId(item) === over?.id);
             const newItems = sortable_esm.arrayMove(items, oldIndex, newIndex);
             onDragEnd(newItems);
-        }, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: items.map(getId), strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx(list["default"], { items: items, sx: sx, getKey: getId, getContent: (item) => {
+        }, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: items.map(getId), strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx(list["default"], { items: items, sx: sx, title: title, getKey: getId, getContent: (item, index) => {
                     const id = getId(item);
-                    return (jsxRuntime.jsx(draggable["default"], { id: id, sx: draggableSx, children: getItem(item) }, id));
-                } }) }) }));
+                    return (jsxRuntime.jsx(draggable["default"], { id: id, sx: draggableSx, children: getItem(item, index) }, id));
+                }, isEmptyExtreme: true }) }) }));
 }
 
 exports["default"] = DragList;

package/dist/cjs/components/drag-list/drag-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-list.js","sources":["../../../../src/components/drag-list/drag-list.tsx"],"sourcesContent":["import {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport { List } from '../list';\r\n\r\nimport Draggable from './draggable';\r\nimport { DragListProps } from './types';\r\n\r\nfunction DragList<T>({\r\n  items,\r\n  getItem,\r\n  getId,\r\n  onDragEnd,\r\n  sx,\r\n  draggableSx,\r\n}: DragListProps<T>) {\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor, {\r\n      activationConstraint: {\r\n        distance: 8,\r\n      },\r\n    }),\r\n  );\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={(event) => {\r\n        const { active, over } = event;\r\n\r\n        const oldIndex = items.findIndex((item) => getId(item) === active.id);\r\n        const newIndex = items.findIndex((item) => getId(item) === over?.id);\r\n\r\n        const newItems = arrayMove(items, oldIndex, newIndex);\r\n\r\n        onDragEnd(newItems);\r\n      }}>\r\n      <SortableContext\r\n        items={items.map(getId)}\r\n        strategy={verticalListSortingStrategy}>\r\n        <List\r\n          items={items}\r\n          sx={sx}\r\n          getKey={getId}\r\n          getContent={(item) => {\r\n            const id = getId(item);\r\n\r\n            return (\r\n              <Draggable key={id} id={id} sx={draggableSx}>\r\n                {getItem(item)}\r\n              </Draggable>\r\n            );\r\n          }}\r\n        />\r\n      </SortableContext>\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default DragList;\r\n"],"names":["useSensors","useSensor","PointerSensor","_jsx","DndContext","closestCenter","arrayMove","SortableContext","verticalListSortingStrategy","List","Draggable"],"mappings":";;;;;;;;;;AAkBA,SAAS,QAAQ,CAAI,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,EAAE,EACF,WAAW,GACM,EAAA;AACjB,IAAA,MAAM,OAAO,GAAGA,mBAAU,CACxBC,kBAAS,CAACC,sBAAa,EAAE;AACvB,QAAA,oBAAoB,EAAE;AACpB,YAAA,QAAQ,EAAE,CAAC;AACZ,SAAA;AACF,KAAA,CAAC,CACH,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,mBAAU,EACT,EAAA,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAEC,sBAAa,EACjC,SAAS,EAAE,CAAC,KAAK,KAAI;AACnB,YAAA,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;YAE/B,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,CAAC;YAErE,MAAM,QAAQ,GAAGC,sBAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAEtD,SAAS,CAAC,QAAQ,CAAC,CAAC;AACtB,SAAC,YACDH,cAAC,CAAAI,4BAAe,EACd,EAAA,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAEC,wCAA2B,EACrC,QAAA,EAAAL,cAAA,CAACM,eAAI,EAAA,EACH,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,CAAC,IAAI,KAAI;AACnB,oBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBAEvB,QACEN,eAACO,oBAAS,EAAA,EAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EACxC,QAAA,EAAA,OAAO,CAAC,IAAI,CAAC,IADA,EAAE,CAEN,EACZ;AACJ,iBAAC,EACD,CAAA,EAAA,CACc,EACP,CAAA,EACb;AACJ;;;;"}
+{"version":3,"file":"drag-list.js","sources":["../../../../src/components/drag-list/drag-list.tsx"],"sourcesContent":["import {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport { List } from '../list';\r\n\r\nimport Draggable from './draggable';\r\nimport { DragListProps } from './types';\r\n\r\nfunction DragList<T>({\r\n  items,\r\n  getItem,\r\n  getId,\r\n  onDragEnd,\r\n  sx,\r\n  title,\r\n  draggableSx,\r\n}: DragListProps<T>) {\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor, {\r\n      activationConstraint: {\r\n        distance: 8,\r\n      },\r\n    }),\r\n  );\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={(event) => {\r\n        const { active, over } = event;\r\n\r\n        const oldIndex = items.findIndex((item) => getId(item) === active.id);\r\n        const newIndex = items.findIndex((item) => getId(item) === over?.id);\r\n\r\n        const newItems = arrayMove(items, oldIndex, newIndex);\r\n\r\n        onDragEnd(newItems);\r\n      }}>\r\n      <SortableContext\r\n        items={items.map(getId)}\r\n        strategy={verticalListSortingStrategy}>\r\n        <List\r\n          items={items}\r\n          sx={sx}\r\n          title={title}\r\n          getKey={getId}\r\n          getContent={(item, index) => {\r\n            const id = getId(item);\r\n\r\n            return (\r\n              <Draggable key={id} id={id} sx={draggableSx}>\r\n                {getItem(item, index)}\r\n              </Draggable>\r\n            );\r\n          }}\r\n          isEmptyExtreme\r\n        />\r\n      </SortableContext>\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default DragList;\r\n"],"names":["useSensors","useSensor","PointerSensor","_jsx","DndContext","closestCenter","arrayMove","SortableContext","verticalListSortingStrategy","List","Draggable"],"mappings":";;;;;;;;;;AAkBA,SAAS,QAAQ,CAAI,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,EAAE,EACF,KAAK,EACL,WAAW,GACM,EAAA;AACjB,IAAA,MAAM,OAAO,GAAGA,mBAAU,CACxBC,kBAAS,CAACC,sBAAa,EAAE;AACvB,QAAA,oBAAoB,EAAE;AACpB,YAAA,QAAQ,EAAE,CAAC;AACZ,SAAA;AACF,KAAA,CAAC,CACH,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,mBAAU,EACT,EAAA,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAEC,sBAAa,EACjC,SAAS,EAAE,CAAC,KAAK,KAAI;AACnB,YAAA,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;YAE/B,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,CAAC;YAErE,MAAM,QAAQ,GAAGC,sBAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAEtD,SAAS,CAAC,QAAQ,CAAC,CAAC;AACtB,SAAC,YACDH,cAAC,CAAAI,4BAAe,IACd,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAEC,wCAA2B,EACrC,QAAA,EAAAL,cAAA,CAACM,eAAI,EACH,EAAA,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1B,oBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBAEvB,QACEN,eAACO,oBAAS,EAAA,EAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,YACxC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EADP,EAAA,EAAE,CAEN,EACZ;AACJ,iBAAC,EACD,cAAc,EAAA,IAAA,EAAA,CACd,EACc,CAAA,EAAA,CACP,EACb;AACJ;;;;"}

package/dist/cjs/components/list/list.js

@@ -9,7 +9,7 @@ var Typography = require('../../node_modules/@mui/material/esm/Typography/Typogr
 var List = require('../../node_modules/@mui/material/esm/List/List.js');
 var ListItem = require('../../node_modules/@mui/material/esm/ListItem/ListItem.js');
 
-function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, sx, }) {
+function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, sx, isEmptyExtreme = false, }) {
     const isNoData = items.length === 0;
     return (jsxRuntime.jsxs(Box["default"], { sx: {
             display: 'grid',
@@ -18,16 +18,16 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
         }, children: [title ? (jsxRuntime.jsx(Typography["default"], { variant: "h6", noWrap: true, sx: {
                     textAlign: 'center',
                     fontWeight: 700,
-                }, children: title })) : null, isNoData ? (jsxRuntime.jsx(noData["default"], {})) : (jsxRuntime.jsx(List["default"], { sx: {
+                }, children: title })) : null, isNoData ? (jsxRuntime.jsx(noData["default"], {})) : (jsxRuntime.jsxs(List["default"], { sx: {
                     display: 'grid',
                     gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
                     gap: '15px',
                     ...sx?.list,
-                }, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
-                        onClick?.(item, index);
-                    }, sx: {
-                        ...sx?.item,
-                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
+                }, disablePadding: true, children: [isEmptyExtreme ? jsxRuntime.jsx(ListItem["default"], {}) : null, items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
+                            onClick?.(item, index);
+                        }, sx: {
+                            ...sx?.item,
+                        }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))), isEmptyExtreme ? jsxRuntime.jsx(ListItem["default"], {}) : null] }))] }));
 }
 
 exports["default"] = CustomList;

package/dist/cjs/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, 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  sx?: {\r\n    list?: SxProps;\r\n    item?: SxProps;\r\n  };\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  sx,\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            ...sx?.list,\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                ...sx?.item,\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":";;;;;;;;;;;AAoBA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,GACiB,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;oBAEX,GAAG,EAAE,EAAE,IAAI;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,GAAG,EAAE,EAAE,IAAI;qBACZ,EACD,cAAc,kBACb,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EARnB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CASf,CACZ,CAAC,EACG,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, 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  sx?: {\r\n    list?: SxProps;\r\n    item?: SxProps;\r\n  };\r\n\r\n  isEmptyExtreme?: boolean;\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  sx,\r\n  isEmptyExtreme = false,\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            ...sx?.list,\r\n          }}\r\n          disablePadding>\r\n          {isEmptyExtreme ? <ListItem /> : null}\r\n\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                ...sx?.item,\r\n              }}\r\n              disablePadding>\r\n              {getContent(item, index)}\r\n            </ListItem>\r\n          ))}\r\n\r\n          {isEmptyExtreme ? <ListItem /> : null}\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":";;;;;;;;;;;AAsBA,SAAS,UAAU,CAAI,EACrB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,EACF,cAAc,GAAG,KAAK,GACH,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,KAEVJ,eAAC,CAAAK,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;oBAEX,GAAG,EAAE,EAAE,IAAI;AACZ,iBAAA,EACD,cAAc,EAAA,IAAA,EAAA,QAAA,EAAA,CACb,cAAc,GAAGH,cAAA,CAACI,mBAAQ,EAAA,EAAA,CAAG,GAAG,IAAI,EAEpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBJ,cAAA,CAACI,mBAAQ,EAAA,EAEP,OAAO,EAAE,MAAK;AACZ,4BAAA,OAAO,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC;yBACxB,EACD,EAAE,EAAE;4BACF,GAAG,EAAE,EAAE,IAAI;AACZ,yBAAA,EACD,cAAc,EAAA,IAAA,EAAA,QAAA,EACb,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAA,EARnB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CASf,CACZ,CAAC,EAED,cAAc,GAAGJ,eAACI,mBAAQ,EAAA,EAAA,CAAG,GAAG,IAAI,CAAA,EAAA,CAChC,CACR,CAAA,EAAA,CACG,EACN;AACJ;;;;"}

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useSensors as e,useSensor as o,DndContext as r,closestCenter as i,PointerSensor as n}from"../../node_modules/@dnd-kit/core/dist/core.esm.js";import{arrayMove as s,SortableContext as d,verticalListSortingStrategy as a}from"../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";import m from"../list/list.js";import c from"./draggable/draggable.js";function l({items:l,getItem:g,getId:f,onDragEnd:x,sx:p,draggableSx:u}){const b=e(o(n,{activationConstraint:{distance:8}}));return t(r,{sensors:b,collisionDetection:i,onDragEnd:t=>{const{active:e,over:o}=t,r=l.findIndex(t=>f(t)===e.id),i=l.findIndex(t=>f(t)===o?.id),n=s(l,r,i);x(n)},children:t(d,{items:l.map(f),strategy:a,children:t(m,{items:l,sx:p,getKey:f,getContent:e=>{const o=f(e);return t(c,{id:o,sx:u,children:g(e)},o)}})})})}export{l as default};
+import{jsx as t}from"react/jsx-runtime";import{useSensors as e,useSensor as i,DndContext as r,closestCenter as o,PointerSensor as s}from"../../node_modules/@dnd-kit/core/dist/core.esm.js";import{arrayMove as n,SortableContext as d,verticalListSortingStrategy as m}from"../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";import a from"../list/list.js";import l from"./draggable/draggable.js";function c({items:c,getItem:g,getId:f,onDragEnd:x,sx:p,title:u,draggableSx:b}){const j=e(i(s,{activationConstraint:{distance:8}}));return t(r,{sensors:j,collisionDetection:o,onDragEnd:t=>{const{active:e,over:i}=t,r=c.findIndex(t=>f(t)===e.id),o=c.findIndex(t=>f(t)===i?.id),s=n(c,r,o);x(s)},children:t(d,{items:c.map(f),strategy:m,children:t(a,{items:c,sx:p,title:u,getKey:f,getContent:(e,i)=>{const r=f(e);return t(l,{id:r,sx:b,children:g(e,i)},r)},isEmptyExtreme:!0})})})}export{c as default};
 //# sourceMappingURL=drag-list.js.map

package/dist/esm/components/drag-list/drag-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-list.js","sources":["../../../../src/components/drag-list/drag-list.tsx"],"sourcesContent":["import {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport { List } from '../list';\r\n\r\nimport Draggable from './draggable';\r\nimport { DragListProps } from './types';\r\n\r\nfunction DragList<T>({\r\n  items,\r\n  getItem,\r\n  getId,\r\n  onDragEnd,\r\n  sx,\r\n  draggableSx,\r\n}: DragListProps<T>) {\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor, {\r\n      activationConstraint: {\r\n        distance: 8,\r\n      },\r\n    }),\r\n  );\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={(event) => {\r\n        const { active, over } = event;\r\n\r\n        const oldIndex = items.findIndex((item) => getId(item) === active.id);\r\n        const newIndex = items.findIndex((item) => getId(item) === over?.id);\r\n\r\n        const newItems = arrayMove(items, oldIndex, newIndex);\r\n\r\n        onDragEnd(newItems);\r\n      }}>\r\n      <SortableContext\r\n        items={items.map(getId)}\r\n        strategy={verticalListSortingStrategy}>\r\n        <List\r\n          items={items}\r\n          sx={sx}\r\n          getKey={getId}\r\n          getContent={(item) => {\r\n            const id = getId(item);\r\n\r\n            return (\r\n              <Draggable key={id} id={id} sx={draggableSx}>\r\n                {getItem(item)}\r\n              </Draggable>\r\n            );\r\n          }}\r\n        />\r\n      </SortableContext>\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default DragList;\r\n"],"names":["DragList","items","getItem","getId","onDragEnd","sx","draggableSx","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","_jsx","DndContext","collisionDetection","closestCenter","event","active","over","oldIndex","findIndex","item","id","newIndex","newItems","arrayMove","SortableContext","map","strategy","verticalListSortingStrategy","children","List","getKey","getContent","Draggable"],"mappings":"+YAkBA,SAASA,GAAYC,MACnBA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,UACLA,EAASC,GACTA,EAAEC,YACFA,IAEA,MAAMC,EAAUC,EACdC,EAAUC,EAAe,CACvBC,qBAAsB,CACpBC,SAAU,MAKhB,OACEC,EAACC,EACC,CAAAP,QAASA,EACTQ,mBAAoBC,EACpBZ,UAAYa,IACV,MAAMC,OAAEA,EAAMC,KAAEA,GAASF,EAEnBG,EAAWnB,EAAMoB,UAAWC,GAASnB,EAAMmB,KAAUJ,EAAOK,IAC5DC,EAAWvB,EAAMoB,UAAWC,GAASnB,EAAMmB,KAAUH,GAAMI,IAE3DE,EAAWC,EAAUzB,EAAOmB,EAAUI,GAE5CpB,EAAUqB,aAEZZ,EAACc,EACC,CAAA1B,MAAOA,EAAM2B,IAAIzB,GACjB0B,SAAUC,EACVC,SAAAlB,EAACmB,EAAI,CACH/B,MAAOA,EACPI,GAAIA,EACJ4B,OAAQ9B,EACR+B,WAAaZ,IACX,MAAMC,EAAKpB,EAAMmB,GAEjB,OACET,EAACsB,EAAS,CAAUZ,GAAIA,EAAIlB,GAAIC,EAC7ByB,SAAA7B,EAAQoB,IADKC,SAS9B"}
+{"version":3,"file":"drag-list.js","sources":["../../../../src/components/drag-list/drag-list.tsx"],"sourcesContent":["import {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport { List } from '../list';\r\n\r\nimport Draggable from './draggable';\r\nimport { DragListProps } from './types';\r\n\r\nfunction DragList<T>({\r\n  items,\r\n  getItem,\r\n  getId,\r\n  onDragEnd,\r\n  sx,\r\n  title,\r\n  draggableSx,\r\n}: DragListProps<T>) {\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor, {\r\n      activationConstraint: {\r\n        distance: 8,\r\n      },\r\n    }),\r\n  );\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={(event) => {\r\n        const { active, over } = event;\r\n\r\n        const oldIndex = items.findIndex((item) => getId(item) === active.id);\r\n        const newIndex = items.findIndex((item) => getId(item) === over?.id);\r\n\r\n        const newItems = arrayMove(items, oldIndex, newIndex);\r\n\r\n        onDragEnd(newItems);\r\n      }}>\r\n      <SortableContext\r\n        items={items.map(getId)}\r\n        strategy={verticalListSortingStrategy}>\r\n        <List\r\n          items={items}\r\n          sx={sx}\r\n          title={title}\r\n          getKey={getId}\r\n          getContent={(item, index) => {\r\n            const id = getId(item);\r\n\r\n            return (\r\n              <Draggable key={id} id={id} sx={draggableSx}>\r\n                {getItem(item, index)}\r\n              </Draggable>\r\n            );\r\n          }}\r\n          isEmptyExtreme\r\n        />\r\n      </SortableContext>\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default DragList;\r\n"],"names":["DragList","items","getItem","getId","onDragEnd","sx","title","draggableSx","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","_jsx","DndContext","collisionDetection","closestCenter","event","active","over","oldIndex","findIndex","item","id","newIndex","newItems","arrayMove","SortableContext","map","strategy","verticalListSortingStrategy","children","List","getKey","getContent","index","Draggable","isEmptyExtreme"],"mappings":"+YAkBA,SAASA,GAAYC,MACnBA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,UACLA,EAASC,GACTA,EAAEC,MACFA,EAAKC,YACLA,IAEA,MAAMC,EAAUC,EACdC,EAAUC,EAAe,CACvBC,qBAAsB,CACpBC,SAAU,MAKhB,OACEC,EAACC,EACC,CAAAP,QAASA,EACTQ,mBAAoBC,EACpBb,UAAYc,IACV,MAAMC,OAAEA,EAAMC,KAAEA,GAASF,EAEnBG,EAAWpB,EAAMqB,UAAWC,GAASpB,EAAMoB,KAAUJ,EAAOK,IAC5DC,EAAWxB,EAAMqB,UAAWC,GAASpB,EAAMoB,KAAUH,GAAMI,IAE3DE,EAAWC,EAAU1B,EAAOoB,EAAUI,GAE5CrB,EAAUsB,aAEZZ,EAACc,GACC3B,MAAOA,EAAM4B,IAAI1B,GACjB2B,SAAUC,EACVC,SAAAlB,EAACmB,EACC,CAAAhC,MAAOA,EACPI,GAAIA,EACJC,MAAOA,EACP4B,OAAQ/B,EACRgC,WAAY,CAACZ,EAAMa,KACjB,MAAMZ,EAAKrB,EAAMoB,GAEjB,OACET,EAACuB,EAAS,CAAUb,GAAIA,EAAInB,GAAIE,WAC7BL,EAAQqB,EAAMa,IADDZ,IAKpBc,gBAAc,OAKxB"}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"../no-data/no-data.js";import m from"../../node_modules/@mui/material/esm/Box/Box.js";import o from"../../node_modules/@mui/material/esm/Typography/Typography.js";import r from"../../node_modules/@mui/material/esm/List/List.js";import s from"../../node_modules/@mui/material/esm/ListItem/ListItem.js";function a({items:a,columnsCount:n=1,getContent:l,title:d,getKey:p,onClick:u,sx:g}){const x=0===a.length;return e(m,{sx:{display:"grid",gridTemplateColumns:"1fr",gap:"15px"},children:[d?t(o,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700},children:d}):null,x?t(i,{}):t(r,{sx:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gap:"15px",...g?.list},disablePadding:!0,children:a.map((e,i)=>t(s,{onClick:()=>{u?.(e,i)},sx:{...g?.item},disablePadding:!0,children:l(e,i)},p(e,i)))})]})}export{a as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"../no-data/no-data.js";import m from"../../node_modules/@mui/material/esm/Box/Box.js";import o from"../../node_modules/@mui/material/esm/Typography/Typography.js";import r from"../../node_modules/@mui/material/esm/List/List.js";import s from"../../node_modules/@mui/material/esm/ListItem/ListItem.js";function l({items:l,columnsCount:n=1,getContent:a,title:d,getKey:p,onClick:u,sx:g,isEmptyExtreme:x=!1}){const c=0===l.length;return e(m,{sx:{display:"grid",gridTemplateColumns:"1fr",gap:"15px"},children:[d?t(o,{variant:"h6",noWrap:!0,sx:{textAlign:"center",fontWeight:700},children:d}):null,c?t(i,{}):e(r,{sx:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gap:"15px",...g?.list},disablePadding:!0,children:[x?t(s,{}):null,l.map((e,i)=>t(s,{onClick:()=>{u?.(e,i)},sx:{...g?.item},disablePadding:!0,children:a(e,i)},p(e,i))),x?t(s,{}):null]})]})}export{l as default};
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, 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  sx?: {\r\n    list?: SxProps;\r\n    item?: SxProps;\r\n  };\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  sx,\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            ...sx?.list,\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                ...sx?.item,\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","sx","isNoData","length","_jsxs","Box","display","gridTemplateColumns","gap","children","_jsx","Typography","variant","noWrap","textAlign","fontWeight","NoData","List","list","disablePadding","map","item","index","ListItem"],"mappings":"6WAoBA,SAASA,GAAcC,MACrBA,EAAKC,aACLA,EAAe,EAACC,WAChBA,EAAUC,MACVA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,GACPA,IAEA,MAAMC,EAA4B,IAAjBP,EAAMQ,OAEvB,OACEC,EAACC,EAAG,CACFJ,GAAI,CACFK,QAAS,OAETC,oBAAqB,MAErBC,IAAK,QACNC,SAAA,CACAX,EACCY,EAACC,EACC,CAAAC,QAAQ,KACRC,QAAM,EACNZ,GAAI,CACFa,UAAW,SAEXC,WAAY,KAEbN,SAAAX,IAED,KAEHI,EACCQ,EAACM,EAAS,CAAA,GAEVN,EAACO,EACC,CAAAhB,GAAI,CACFK,QAAS,OAETC,oBAAqB,UAAUX,UAE/BY,IAAK,UAEFP,GAAIiB,MAETC,2BACCxB,EAAMyB,IAAI,CAACC,EAAMC,IAChBZ,EAACa,GAECvB,QAAS,KACPA,IAAUqB,EAAMC,IAElBrB,GAAI,IACCA,GAAIoB,MAETF,2BACCtB,EAAWwB,EAAMC,IARbvB,EAAOsB,EAAMC,SAehC"}
+{"version":3,"file":"list.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, List, ListItem, SxProps, 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  sx?: {\r\n    list?: SxProps;\r\n    item?: SxProps;\r\n  };\r\n\r\n  isEmptyExtreme?: boolean;\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  sx,\r\n  isEmptyExtreme = false,\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            ...sx?.list,\r\n          }}\r\n          disablePadding>\r\n          {isEmptyExtreme ? <ListItem /> : null}\r\n\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                ...sx?.item,\r\n              }}\r\n              disablePadding>\r\n              {getContent(item, index)}\r\n            </ListItem>\r\n          ))}\r\n\r\n          {isEmptyExtreme ? <ListItem /> : null}\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","sx","isEmptyExtreme","isNoData","length","_jsxs","Box","display","gridTemplateColumns","gap","children","_jsx","Typography","variant","noWrap","textAlign","fontWeight","NoData","List","list","disablePadding","ListItem","map","item","index"],"mappings":"6WAsBA,SAASA,GAAcC,MACrBA,EAAKC,aACLA,EAAe,EAACC,WAChBA,EAAUC,MACVA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,GACPA,EAAEC,eACFA,GAAiB,IAEjB,MAAMC,EAA4B,IAAjBR,EAAMS,OAEvB,OACEC,EAACC,EAAG,CACFL,GAAI,CACFM,QAAS,OAETC,oBAAqB,MAErBC,IAAK,QACNC,SAAA,CACAZ,EACCa,EAACC,EACC,CAAAC,QAAQ,KACRC,QAAM,EACNb,GAAI,CACFc,UAAW,SAEXC,WAAY,KAEbN,SAAAZ,IAED,KAEHK,EACCQ,EAACM,EAAS,CAAA,GAEVZ,EAACa,EACC,CAAAjB,GAAI,CACFM,QAAS,OAETC,oBAAqB,UAAUZ,UAE/Ba,IAAK,UAEFR,GAAIkB,MAETC,gBAAc,EAAAV,SAAA,CACbR,EAAiBS,EAACU,EAAQ,IAAM,KAEhC1B,EAAM2B,IAAI,CAACC,EAAMC,IAChBb,EAACU,EAAQ,CAEPrB,QAAS,KACPA,IAAUuB,EAAMC,IAElBvB,GAAI,IACCA,GAAIsB,MAETH,gBAAc,EAAAV,SACbb,EAAW0B,EAAMC,IARbzB,EAAOwB,EAAMC,KAYrBtB,EAAiBS,EAACU,EAAQ,CAAA,GAAM,UAK3C"}

package/dist/esm/types/components/drag-list/drag-list.d.ts

@@ -1,4 +1,4 @@
 import { DragListProps } from './types';
-declare function DragList<T>({ items, getItem, getId, onDragEnd, sx, draggableSx, }: DragListProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DragList<T>({ items, getItem, getId, onDragEnd, sx, title, draggableSx, }: DragListProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DragList;
 //# sourceMappingURL=drag-list.d.ts.map

package/dist/esm/types/components/drag-list/drag-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/drag-list.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,iBAAS,QAAQ,CAAC,CAAC,EAAE,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,EAAE,EACF,WAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,2CA2ClB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"drag-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/drag-list.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,iBAAS,QAAQ,CAAC,CAAC,EAAE,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,EAAE,EACF,KAAK,EACL,WAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,2CA6ClB;AAED,eAAe,QAAQ,CAAC"}

package/dist/esm/types/components/drag-list/drag-list.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-list.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/drag-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,KAAK,aAAa,GAAG,OAAO,QAAQ,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CAG7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAmBrC,eAAO,MAAM,IAAI,EAAE,KAqBlB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"drag-list.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/drag-list.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,KAAK,aAAa,GAAG,OAAO,QAAQ,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CAG7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAmBrC,eAAO,MAAM,IAAI,EAAE,KA0ClB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/types/components/drag-list/types.d.ts

@@ -1,9 +1,9 @@
 import { StringOrNumber } from '@/types';
 import { List } from '../list';
 import Draggable from './draggable';
-export type DragListProps<T> = Pick<React.ComponentProps<typeof List>, 'sx'> & {
+export type DragListProps<T> = Pick<React.ComponentProps<typeof List>, 'sx' | 'title'> & {
     items: T[];
-    getItem: (item: T) => React.ReactNode;
+    getItem: (item: T, index: number) => React.ReactNode;
     getId: (item: T) => StringOrNumber;
     onDragEnd: (items: T[]) => void;
     draggableSx?: React.ComponentProps<typeof Draggable>['sx'];

package/dist/esm/types/components/drag-list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG;IAC7E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,cAAc,CAAC;IACnC,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAEhC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/drag-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,IAAI,GAAG,OAAO,CACf,GAAG;IACF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAErD,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,cAAc,CAAC;IACnC,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAEhC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC"}

package/dist/esm/types/components/list/list.d.ts

@@ -11,7 +11,8 @@ interface CustomListProps<T> {
         list?: SxProps;
         item?: SxProps;
     };
+    isEmptyExtreme?: boolean;
 }
-declare function CustomList<T>({ items, columnsCount, getContent, title, getKey, onClick, sx, }: CustomListProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function CustomList<T>({ items, columnsCount, getContent, title, getKey, onClick, sx, isEmptyExtreme, }: CustomListProps<T>): import("react/jsx-runtime").JSX.Element;
 export default CustomList;
 //# sourceMappingURL=list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,OAAO,EAAc,MAAM,eAAe,CAAC;AAIzE,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;IAE3C,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAED,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,GACH,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwDpB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,OAAO,EAAc,MAAM,eAAe,CAAC;AAIzE,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;IAE3C,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IAEF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,KAAK,EACL,YAAgB,EAChB,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,EAAE,EACF,cAAsB,GACvB,EAAE,eAAe,CAAC,CAAC,CAAC,2CA4DpB;AAED,eAAe,UAAU,CAAC"}

package/package.json

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