@dartcom/ui-kit 2.6.0 → 2.7.0

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.
Files changed (60) hide show
  1. package/dist/cjs/components/drag-list/drag-list.js +30 -0
  2. package/dist/cjs/components/drag-list/drag-list.js.map +1 -0
  3. package/dist/cjs/components/drag-list/draggable/draggable.js +33 -0
  4. package/dist/cjs/components/drag-list/draggable/draggable.js.map +1 -0
  5. package/dist/cjs/components/list/list.js +3 -4
  6. package/dist/cjs/components/list/list.js.map +1 -1
  7. package/dist/cjs/index.js +2 -0
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/cjs/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js +71 -0
  10. package/dist/cjs/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map +1 -0
  11. package/dist/cjs/node_modules/@dnd-kit/core/dist/core.esm.js +3467 -0
  12. package/dist/cjs/node_modules/@dnd-kit/core/dist/core.esm.js.map +1 -0
  13. package/dist/cjs/node_modules/@dnd-kit/sortable/dist/sortable.esm.js +541 -0
  14. package/dist/cjs/node_modules/@dnd-kit/sortable/dist/sortable.esm.js.map +1 -0
  15. package/dist/cjs/node_modules/@dnd-kit/utilities/dist/utilities.esm.js +361 -0
  16. package/dist/cjs/node_modules/@dnd-kit/utilities/dist/utilities.esm.js.map +1 -0
  17. package/dist/esm/components/drag-list/drag-list.js +2 -0
  18. package/dist/esm/components/drag-list/drag-list.js.map +1 -0
  19. package/dist/esm/components/drag-list/draggable/draggable.js +2 -0
  20. package/dist/esm/components/drag-list/draggable/draggable.js.map +1 -0
  21. package/dist/esm/components/list/list.js +1 -1
  22. package/dist/esm/components/list/list.js.map +1 -1
  23. package/dist/esm/index.js +1 -1
  24. package/dist/esm/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js +2 -0
  25. package/dist/esm/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map +1 -0
  26. package/dist/esm/node_modules/@dnd-kit/core/dist/core.esm.js +2 -0
  27. package/dist/esm/node_modules/@dnd-kit/core/dist/core.esm.js.map +1 -0
  28. package/dist/esm/node_modules/@dnd-kit/sortable/dist/sortable.esm.js +2 -0
  29. package/dist/esm/node_modules/@dnd-kit/sortable/dist/sortable.esm.js.map +1 -0
  30. package/dist/esm/node_modules/@dnd-kit/utilities/dist/utilities.esm.js +2 -0
  31. package/dist/esm/node_modules/@dnd-kit/utilities/dist/utilities.esm.js.map +1 -0
  32. package/dist/esm/types/components/checkbox/checkbox.stories.d.ts.map +1 -1
  33. package/dist/esm/types/components/drag-list/drag-list.d.ts +4 -0
  34. package/dist/esm/types/components/drag-list/drag-list.d.ts.map +1 -0
  35. package/dist/esm/types/components/drag-list/drag-list.stories.d.ts +8 -0
  36. package/dist/esm/types/components/drag-list/drag-list.stories.d.ts.map +1 -0
  37. package/dist/esm/types/components/drag-list/draggable/draggable.d.ts +5 -0
  38. package/dist/esm/types/components/drag-list/draggable/draggable.d.ts.map +1 -0
  39. package/dist/esm/types/components/drag-list/draggable/index.d.ts +2 -0
  40. package/dist/esm/types/components/drag-list/draggable/index.d.ts.map +1 -0
  41. package/dist/esm/types/components/drag-list/draggable/types.d.ts +10 -0
  42. package/dist/esm/types/components/drag-list/draggable/types.d.ts.map +1 -0
  43. package/dist/esm/types/components/drag-list/droppable/droppable.d.ts +5 -0
  44. package/dist/esm/types/components/drag-list/droppable/droppable.d.ts.map +1 -0
  45. package/dist/esm/types/components/drag-list/droppable/index.d.ts +2 -0
  46. package/dist/esm/types/components/drag-list/droppable/index.d.ts.map +1 -0
  47. package/dist/esm/types/components/drag-list/droppable/types.d.ts +5 -0
  48. package/dist/esm/types/components/drag-list/droppable/types.d.ts.map +1 -0
  49. package/dist/esm/types/components/drag-list/index.d.ts +2 -0
  50. package/dist/esm/types/components/drag-list/index.d.ts.map +1 -0
  51. package/dist/esm/types/components/drag-list/types.d.ts +11 -0
  52. package/dist/esm/types/components/drag-list/types.d.ts.map +1 -0
  53. package/dist/esm/types/components/index.d.ts +1 -0
  54. package/dist/esm/types/components/index.d.ts.map +1 -1
  55. package/dist/esm/types/components/list/list.d.ts +6 -1
  56. package/dist/esm/types/components/list/list.d.ts.map +1 -1
  57. package/dist/esm/types/components/list/list.stories.d.ts.map +1 -1
  58. package/dist/esm/types/types/__test__.d.ts +5 -0
  59. package/dist/esm/types/types/__test__.d.ts.map +1 -0
  60. package/package.json +4 -1
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core_esm = require('../../node_modules/@dnd-kit/core/dist/core.esm.js');
7
+ var sortable_esm = require('../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
8
+ var list = require('../list/list.js');
9
+ var draggable = require('./draggable/draggable.js');
10
+
11
+ function DragList({ items, getItem, getId, onDragEnd, sx, draggableSx, }) {
12
+ const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, {
13
+ activationConstraint: {
14
+ distance: 8,
15
+ },
16
+ }));
17
+ return (jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, onDragEnd: (event) => {
18
+ const { active, over } = event;
19
+ const oldIndex = items.findIndex((item) => getId(item) === active.id);
20
+ const newIndex = items.findIndex((item) => getId(item) === over?.id);
21
+ const newItems = sortable_esm.arrayMove(items, oldIndex, newIndex);
22
+ onDragEnd(newItems);
23
+ }, 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) => {
24
+ const id = getId(item);
25
+ return (jsxRuntime.jsx(draggable["default"], { id: id, sx: draggableSx, children: getItem(item) }, id));
26
+ } }) }) }));
27
+ }
28
+
29
+ exports["default"] = DragList;
30
+ //# sourceMappingURL=drag-list.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,33 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core_esm = require('../../../node_modules/@dnd-kit/core/dist/core.esm.js');
7
+ var sortable_esm = require('../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js');
8
+ var utilities_esm = require('../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js');
9
+ var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
10
+
11
+ const Draggable = ({ id, sx, children, }) => {
12
+ const { isDragging } = core_esm.useDraggable({
13
+ id,
14
+ });
15
+ const { attributes, listeners, setNodeRef, transform, transition } = sortable_esm.useSortable({
16
+ id,
17
+ strategy: sortable_esm.verticalListSortingStrategy,
18
+ transition: {
19
+ duration: 300,
20
+ easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
21
+ },
22
+ });
23
+ const style = {
24
+ ...sx?.default,
25
+ ...(isDragging ? sx?.dragging : {}),
26
+ transform: utilities_esm.CSS.Translate.toString(transform),
27
+ transition,
28
+ };
29
+ return (jsxRuntime.jsx(Box["default"], { ref: setNodeRef, style: style, ...listeners, ...attributes, children: children }));
30
+ };
31
+
32
+ exports["default"] = Draggable;
33
+ //# sourceMappingURL=draggable.js.map
@@ -0,0 +1 @@
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;;;;"}
@@ -9,7 +9,7 @@ var Typography = require('../../node_modules/@mui/material/esm/Typography/Typogr
9
9
  var List = require('../../node_modules/@mui/material/esm/List/List.js');
10
10
  var ListItem = require('../../node_modules/@mui/material/esm/ListItem/ListItem.js');
11
11
 
12
- function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, }) {
12
+ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClick, sx, }) {
13
13
  const isNoData = items.length === 0;
14
14
  return (jsxRuntime.jsxs(Box["default"], { sx: {
15
15
  display: 'grid',
@@ -22,12 +22,11 @@ function CustomList({ items, columnsCount = 1, getContent, title, getKey, onClic
22
22
  display: 'grid',
23
23
  gridTemplateColumns: `repeat(${columnsCount}, 1fr)`,
24
24
  gap: '15px',
25
+ ...sx?.list,
25
26
  }, disablePadding: true, children: items.map((item, index) => (jsxRuntime.jsx(ListItem["default"], { onClick: () => {
26
27
  onClick?.(item, index);
27
28
  }, sx: {
28
- ...(onClick && {
29
- cursor: 'pointer',
30
- }),
29
+ ...sx?.item,
31
30
  }, disablePadding: true, children: getContent(item, index) }, getKey(item, index)))) }))] }));
32
31
  }
33
32
 
@@ -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, 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
+ {"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;;;;"}
package/dist/cjs/index.js CHANGED
@@ -9,6 +9,7 @@ var checkbox = require('./components/checkbox/checkbox.js');
9
9
  var form = require('./components/form/form.js');
10
10
  var select = require('./components/select/select.js');
11
11
  var input = require('./components/input/input.js');
12
+ var dragList = require('./components/drag-list/drag-list.js');
12
13
  var global = require('./configs/global/global.js');
13
14
  var api = require('./constants/api.js');
14
15
  var map = require('./constants/map.js');
@@ -22,6 +23,7 @@ exports.Checkbox = checkbox["default"];
22
23
  exports.Form = form["default"];
23
24
  exports.Select = select["default"];
24
25
  exports.Input = input["default"];
26
+ exports.DragList = dragList["default"];
25
27
  exports.GlobalConfig = global.GlobalConfig;
26
28
  Object.defineProperty(exports, 'API_METHODS', {
27
29
  enumerable: true,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,71 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+
11
+ const hiddenStyles = {
12
+ display: 'none'
13
+ };
14
+ function HiddenText(_ref) {
15
+ let {
16
+ id,
17
+ value
18
+ } = _ref;
19
+ return React__default["default"].createElement("div", {
20
+ id: id,
21
+ style: hiddenStyles
22
+ }, value);
23
+ }
24
+
25
+ function LiveRegion(_ref) {
26
+ let {
27
+ id,
28
+ announcement,
29
+ ariaLiveType = "assertive"
30
+ } = _ref;
31
+ // Hide element visually but keep it readable by screen readers
32
+ const visuallyHidden = {
33
+ position: 'fixed',
34
+ top: 0,
35
+ left: 0,
36
+ width: 1,
37
+ height: 1,
38
+ margin: -1,
39
+ border: 0,
40
+ padding: 0,
41
+ overflow: 'hidden',
42
+ clip: 'rect(0 0 0 0)',
43
+ clipPath: 'inset(100%)',
44
+ whiteSpace: 'nowrap'
45
+ };
46
+ return React__default["default"].createElement("div", {
47
+ id: id,
48
+ style: visuallyHidden,
49
+ role: "status",
50
+ "aria-live": ariaLiveType,
51
+ "aria-atomic": true
52
+ }, announcement);
53
+ }
54
+
55
+ function useAnnouncement() {
56
+ const [announcement, setAnnouncement] = React.useState('');
57
+ const announce = React.useCallback(value => {
58
+ if (value != null) {
59
+ setAnnouncement(value);
60
+ }
61
+ }, []);
62
+ return {
63
+ announce,
64
+ announcement
65
+ };
66
+ }
67
+
68
+ exports.HiddenText = HiddenText;
69
+ exports.LiveRegion = LiveRegion;
70
+ exports.useAnnouncement = useAnnouncement;
71
+ //# sourceMappingURL=accessibility.esm.js.map
@@ -0,0 +1 @@
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;;;;;;"}