@mamrp/components 1.7.69 → 1.7.71

package/dist/index.d.mts

@@ -29,6 +29,9 @@ interface MultipleSelectChipProps {
     variant?: "outlined" | "filled" | "standard";
     placeholder?: string;
 }
+/**
+ * @deprecated Use SingleClientSelector or MultipleSelector instead. @mamrp/components/selectors
+ */
 declare function MultipleSelectChip({ name, control, label, data, multipleitems, isLoading, disabled, size, clear, variant, placeholder, }: MultipleSelectChipProps): React$1.JSX.Element;
 
 type ConnectToBasculeButtonProps = {
@@ -653,6 +656,9 @@ type TapleProps = {
     isRowSelectable?: (params: GridRowParams) => boolean;
     disablePageSizeChange?: boolean;
 };
+/**
+ * @deprecated Use DataTable instead.
+ */
 declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, disablePageSizeChange, ...rest }: TapleProps) => React__default.JSX.Element;
 
 type FormInputTextProps$1<T extends FieldValues> = {

package/dist/index.d.ts

@@ -29,6 +29,9 @@ interface MultipleSelectChipProps {
     variant?: "outlined" | "filled" | "standard";
     placeholder?: string;
 }
+/**
+ * @deprecated Use SingleClientSelector or MultipleSelector instead. @mamrp/components/selectors
+ */
 declare function MultipleSelectChip({ name, control, label, data, multipleitems, isLoading, disabled, size, clear, variant, placeholder, }: MultipleSelectChipProps): React$1.JSX.Element;
 
 type ConnectToBasculeButtonProps = {
@@ -653,6 +656,9 @@ type TapleProps = {
     isRowSelectable?: (params: GridRowParams) => boolean;
     disablePageSizeChange?: boolean;
 };
+/**
+ * @deprecated Use DataTable instead.
+ */
 declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, disablePageSizeChange, ...rest }: TapleProps) => React__default.JSX.Element;
 
 type FormInputTextProps$1<T extends FieldValues> = {

package/dist/index.js

@@ -1051,16 +1051,40 @@ function DraggablePaper({
   ...props
 }) {
   const nodeRef = (0, import_react8.useRef)(null);
+  const [position, setPosition] = (0, import_react8.useState)({ x: 0, y: 0 });
+  const [dragging, setDragging] = (0, import_react8.useState)(false);
+  const handleDrag = (_, data) => {
+    setPosition({ x: data.x, y: data.y });
+  };
+  const handleStart = () => {
+    setDragging(true);
+  };
+  const handleStop = () => {
+    setDragging(false);
+    setPosition({ x: 0, y: 0 });
+  };
   return /* @__PURE__ */ React.createElement(
     import_react_draggable.default,
     {
       nodeRef,
       handle,
       cancel,
-      bounds: "parent",
-      defaultPosition: { x: 0, y: 0 }
+      position,
+      onStart: handleStart,
+      onDrag: handleDrag,
+      onStop: handleStop
     },
-    /* @__PURE__ */ React.createElement(import_material10.Paper, { ref: nodeRef, ...props })
+    /* @__PURE__ */ React.createElement(
+      import_material10.Paper,
+      {
+        ref: nodeRef,
+        ...props,
+        sx: {
+          transition: dragging ? "none" : "transform 250ms cubic-bezier(0.4, 0, 0.2, 1)",
+          ...props.sx
+        }
+      }
+    )
   );
 }