@dartcom/ui-kit 2.6.0 → 2.7.1

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core_esm = require('../../node_modules/@dnd-kit/core/dist/core.esm.js');
+var sortable_esm = require('../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
+var list = require('../list/list.js');
+var draggable = require('./draggable/draggable.js');
+
+function DragList({ items, getItem, getId, onDragEnd, sx, title, draggableSx, }) {
+    const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, {
+        activationConstraint: {
+            distance: 8,
+        },
+    }));
+    return (jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, onDragEnd: (event) => {
+            const { active, over } = event;
+            const oldIndex = items.findIndex((item) => getId(item) === active.id);
+            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, title: title, getKey: getId, getContent: (item, index) => {
+                    const id = getId(item);
+                    return (jsxRuntime.jsx(draggable["default"], { id: id, sx: draggableSx, children: getItem(item, index) }, id));
+                }, isEmptyExtreme: true }) }) }));
+}
+
+exports["default"] = DragList;
+//# sourceMappingURL=drag-list.js.map

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

@@ -0,0 +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  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/drag-list/draggable/draggable.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core_esm = require('../../../node_modules/@dnd-kit/core/dist/core.esm.js');
+var sortable_esm = require('../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
+var utilities_esm = require('../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+
+const Draggable = ({ id, sx, children, }) => {
+    const { isDragging } = core_esm.useDraggable({
+        id,
+    });
+    const { attributes, listeners, setNodeRef, transform, transition } = sortable_esm.useSortable({
+        id,
+        strategy: sortable_esm.verticalListSortingStrategy,
+        transition: {
+            duration: 300,
+            easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
+        },
+    });
+    const style = {
+        ...sx?.default,
+        ...(isDragging ? sx?.dragging : {}),
+        transform: utilities_esm.CSS.Translate.toString(transform),
+        transition,
+    };
+    return (jsxRuntime.jsx(Box["default"], { ref: setNodeRef, style: style, ...listeners, ...attributes, children: children }));
+};
+
+exports["default"] = Draggable;
+//# sourceMappingURL=draggable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.js","sources":["../../../../../src/components/drag-list/draggable/draggable.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { Box } from '@mui/material';\r\n\r\nimport { DraggableProps } from './types';\r\n\r\nconst Draggable: React.FC<React.PropsWithChildren<DraggableProps>> = ({\r\n  id,\r\n  sx,\r\n  children,\r\n}) => {\r\n  const { isDragging } = useDraggable({\r\n    id,\r\n  });\r\n\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({\r\n      id,\r\n      strategy: verticalListSortingStrategy,\r\n      transition: {\r\n        duration: 300,\r\n        easing: 'cubic-bezier(0.25, 1, 0.5, 1)',\r\n      },\r\n    });\r\n\r\n  const style: React.CSSProperties = {\r\n    ...sx?.default,\r\n    ...(isDragging ? sx?.dragging : {}),\r\n    transform: CSS.Translate.toString(transform),\r\n    transition,\r\n  };\r\n\r\n  return (\r\n    <Box ref={setNodeRef} style={style} {...listeners} {...attributes}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Draggable;\r\n"],"names":["useDraggable","useSortable","verticalListSortingStrategy","CSS","_jsx","Box"],"mappings":";;;;;;;;;;AAQM,MAAA,SAAS,GAAsD,CAAC,EACpE,EAAE,EACF,EAAE,EACF,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGA,qBAAY,CAAC;QAClC,EAAE;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAChEC,wBAAW,CAAC;QACV,EAAE;AACF,QAAA,QAAQ,EAAEC,wCAA2B;AACrC,QAAA,UAAU,EAAE;AACV,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,+BAA+B;AACxC,SAAA;AACF,KAAA,CAAC,CAAC;AAEL,IAAA,MAAM,KAAK,GAAwB;QACjC,GAAG,EAAE,EAAE,OAAO;AACd,QAAA,IAAI,UAAU,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC;QACnC,SAAS,EAAEC,iBAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,cAAG,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAM,SAAS,EAAM,GAAA,UAAU,YAC9D,QAAQ,EAAA,CACL,EACN;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, }) {
+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,17 +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',
-                }, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
-                        onClick?.(item, index);
-                    }, sx: {
-                        ...(onClick && {
-                            cursor: 'pointer',
-                        }),
-                    }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
+                    ...sx?.list,
+                }, 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, 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;;;;"}
+{"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/cjs/index.js

@@ -9,6 +9,7 @@ var checkbox = require('./components/checkbox/checkbox.js');
 var form = require('./components/form/form.js');
 var select = require('./components/select/select.js');
 var input = require('./components/input/input.js');
+var dragList = require('./components/drag-list/drag-list.js');
 var global = require('./configs/global/global.js');
 var api = require('./constants/api.js');
 var map = require('./constants/map.js');
@@ -22,6 +23,7 @@ exports.Checkbox = checkbox["default"];
 exports.Form = form["default"];
 exports.Select = select["default"];
 exports.Input = input["default"];
+exports.DragList = dragList["default"];
 exports.GlobalConfig = global.GlobalConfig;
 Object.defineProperty(exports, 'API_METHODS', {
 	enumerable: true,

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const hiddenStyles = {
+  display: 'none'
+};
+function HiddenText(_ref) {
+  let {
+    id,
+    value
+  } = _ref;
+  return React__default["default"].createElement("div", {
+    id: id,
+    style: hiddenStyles
+  }, value);
+}
+
+function LiveRegion(_ref) {
+  let {
+    id,
+    announcement,
+    ariaLiveType = "assertive"
+  } = _ref;
+  // Hide element visually but keep it readable by screen readers
+  const visuallyHidden = {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: 'hidden',
+    clip: 'rect(0 0 0 0)',
+    clipPath: 'inset(100%)',
+    whiteSpace: 'nowrap'
+  };
+  return React__default["default"].createElement("div", {
+    id: id,
+    style: visuallyHidden,
+    role: "status",
+    "aria-live": ariaLiveType,
+    "aria-atomic": true
+  }, announcement);
+}
+
+function useAnnouncement() {
+  const [announcement, setAnnouncement] = React.useState('');
+  const announce = React.useCallback(value => {
+    if (value != null) {
+      setAnnouncement(value);
+    }
+  }, []);
+  return {
+    announce,
+    announcement
+  };
+}
+
+exports.HiddenText = HiddenText;
+exports.LiveRegion = LiveRegion;
+exports.useAnnouncement = useAnnouncement;
+//# sourceMappingURL=accessibility.esm.js.map

package/dist/cjs/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.esm.js","sources":["../../../../../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\n\nconst hiddenStyles = {\n  display: 'none'\n};\nfunction HiddenText(_ref) {\n  let {\n    id,\n    value\n  } = _ref;\n  return React.createElement(\"div\", {\n    id: id,\n    style: hiddenStyles\n  }, value);\n}\n\nfunction LiveRegion(_ref) {\n  let {\n    id,\n    announcement,\n    ariaLiveType = \"assertive\"\n  } = _ref;\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap'\n  };\n  return React.createElement(\"div\", {\n    id: id,\n    style: visuallyHidden,\n    role: \"status\",\n    \"aria-live\": ariaLiveType,\n    \"aria-atomic\": true\n  }, announcement);\n}\n\nfunction useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback(value => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n  return {\n    announce,\n    announcement\n  };\n}\n\nexport { HiddenText, LiveRegion, useAnnouncement };\n//# sourceMappingURL=accessibility.esm.js.map\n"],"names":["React","useState","useCallback"],"mappings":";;;;;;;;;;AAEA,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,MAAM;AACjB,CAAC,CAAC;AACF,SAAS,UAAU,CAAC,IAAI,EAAE;AAC1B,EAAE,IAAI;AACN,IAAI,EAAE;AACN,IAAI,KAAK;AACT,GAAG,GAAG,IAAI,CAAC;AACX,EAAE,OAAOA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpC,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,KAAK,EAAE,YAAY;AACvB,GAAG,EAAE,KAAK,CAAC,CAAC;AACZ,CAAC;AACD;AACA,SAAS,UAAU,CAAC,IAAI,EAAE;AAC1B,EAAE,IAAI;AACN,IAAI,EAAE;AACN,IAAI,YAAY;AAChB,IAAI,YAAY,GAAG,WAAW;AAC9B,GAAG,GAAG,IAAI,CAAC;AACX;AACA,EAAE,MAAM,cAAc,GAAG;AACzB,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC,CAAC;AACd,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,QAAQ,EAAE,aAAa;AAC3B,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG,CAAC;AACJ,EAAE,OAAOA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpC,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,KAAK,EAAE,cAAc;AACzB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,WAAW,EAAE,YAAY;AAC7B,IAAI,aAAa,EAAE,IAAI;AACvB,GAAG,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC;AACD;AACA,SAAS,eAAe,GAAG;AAC3B,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAC;AACvD,EAAE,MAAM,QAAQ,GAAGC,iBAAW,CAAC,KAAK,IAAI;AACxC,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE;AACvB,MAAM,eAAe,CAAC,KAAK,CAAC,CAAC;AAC7B,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO;AACT,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,GAAG,CAAC;AACJ;;;;;;"}