@ndlib/component-library 0.0.52 → 0.0.53

package/dist/components/composites/DragDropList/DragDropList.stories.js

@@ -25,8 +25,8 @@ const StateManager = ({ children }) => {
     return _jsx(_Fragment, { children: children({ items, setItems }) });
 };
 export const Default = {
-    render: () => (_jsx(StateManager, { children: ({ items, setItems }) => (_jsx(DragDropList, Object.assign({ items: items, onReorder: ({ reorderedList }) => setItems(reorderedList) }, { children: (item) => (_jsxs(_Fragment, { children: [_jsx(DragHandle, {}), _jsx(Paragraph, Object.assign({ sx: { ml: 2 } }, { children: item.label }))] })) }))) })),
+    render: () => (_jsx(StateManager, { children: ({ items, setItems }) => (_jsx(DragDropList, Object.assign({ items: items, onReorder: ({ reorderedList }) => setItems(reorderedList) }, { children: ({ item }) => (_jsxs(_Fragment, { children: [_jsx(DragHandle, {}), _jsx(Paragraph, Object.assign({ sx: { ml: 2 } }, { children: item.label }))] })) }))) })),
 };
 export const Disabled = {
-    render: () => (_jsx(DragDropList, Object.assign({ disabled: true, items: _items, onReorder: () => { } }, { children: (item) => (_jsxs(_Fragment, { children: [_jsx(DragHandle, {}), _jsx(Paragraph, Object.assign({ sx: { ml: 2 } }, { children: item.label }))] })) }))),
+    render: () => (_jsx(DragDropList, Object.assign({ disabled: true, items: _items, onReorder: () => { } }, { children: ({ item }) => (_jsxs(_Fragment, { children: [_jsx(DragHandle, {}), _jsx(Paragraph, Object.assign({ sx: { ml: 2 } }, { children: item.label }))] })) }))),
 };

package/dist/components/composites/DragDropList/index.d.ts

@@ -16,7 +16,10 @@ type DragDropListProps<Item extends DraggableItem> = {
     itemStyles?: StylesProp;
     dragItemsDirectly?: boolean;
     disabled?: boolean;
-    children: (item: Item) => React.ReactNode;
+    children: (params: {
+        item: Item;
+        index: number;
+    }) => React.ReactNode;
 };
 export declare const DragHandle: React.FC<ButtonProps>;
 export declare function DragDropList<Item extends DraggableItem>({ items, itemIdKey, wrapperStyles, itemStyles, children: renderChild, onReorder, disabled, dragItemsDirectly, }: DragDropListProps<Item>): import("react/jsx-runtime").JSX.Element;

package/dist/components/composites/DragDropList/index.js

@@ -11,11 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { DragDropContext, Droppable, Draggable, } from 'react-beautiful-dnd';
-import DragIndicator from '@mui/icons-material/DragIndicator';
+import _DragIndicator from '@mui/icons-material/DragIndicator';
 import { BUTTON_TYPE, Button } from '../../elements/Button';
 import { Column } from '../../elements/layout/Column';
 import { Row } from '../../elements/layout/Row';
 import { useUniqueId } from '../../providers/uniqueIds';
+import { importedDefaultComponentShim } from '../../../utils/misc';
+const DragIndicator = importedDefaultComponentShim(_DragIndicator);
 export const DragHandle = (_a) => {
     var { sx } = _a, props = __rest(_a, ["sx"]);
     return (_jsx(Button, Object.assign({ type: BUTTON_TYPE.TEXT, primaryIcon: DragIndicator, disableFocusStyles: true, sx: Object.assign({ cursor: 'inherit' }, sx) }, props)));
@@ -41,6 +43,6 @@ export function DragDropList({ items, itemIdKey = 'id', wrapperStyles, itemStyle
                             return (_jsx(Row, Object.assign({ sx: {
                                     alignItems: 'center',
                                     itemStyles,
-                                }, ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { "aria-describedby": `item-${index}` }, (dragItemsDirectly ? provided.dragHandleProps : {}), { children: _jsx(Row, Object.assign({ sx: { mt: 1 }, id: `item-${index}` }, { children: renderChild(item) })) })));
+                                }, ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { "aria-describedby": `item-${index}` }, (dragItemsDirectly ? provided.dragHandleProps : {}), { children: _jsx(Row, Object.assign({ sx: { mt: 1 }, id: `item-${index}` }, { children: renderChild({ item, index }) })) })));
                         } }), String(item[itemIdKey])))) }) }))) })) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "type": "module",
   "sideEffects": false,
   "files": [