@devtron-labs/devtron-fe-common-lib 0.0.51-beta-4 → 0.0.52-beta-1

package/dist/Common/DraggableWrapper/DraggableButton.js

@@ -0,0 +1,16 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M10.3335 9.33325C10.8858 9.33325 11.3335 8.88554 11.3335 8.33325C11.3335 7.78097 10.8858 7.33325 10.3335 7.33325C9.78121 7.33325 9.3335 7.78097 9.3335 8.33325C9.3335 8.88554 9.78121 9.33325 10.3335 9.33325Z", fill: "#596168" }), /* @__PURE__ */ e.createElement("path", { d: "M5.66675 9.33325C6.21903 9.33325 6.66675 8.88554 6.66675 8.33325C6.66675 7.78097 6.21903 7.33325 5.66675 7.33325C5.11446 7.33325 4.66675 7.78097 4.66675 8.33325C4.66675 8.88554 5.11446 9.33325 5.66675 9.33325Z", fill: "#596168" }), /* @__PURE__ */ e.createElement("path", { d: "M10.3335 5.33325C10.8858 5.33325 11.3335 4.88554 11.3335 4.33325C11.3335 3.78097 10.8858 3.33325 10.3335 3.33325C9.78121 3.33325 9.3335 3.78097 9.3335 4.33325C9.3335 4.88554 9.78121 5.33325 10.3335 5.33325Z", fill: "#596168" }), /* @__PURE__ */ e.createElement("path", { d: "M5.66675 5.33325C6.21903 5.33325 6.66675 4.88554 6.66675 4.33325C6.66675 3.78097 6.21903 3.33325 5.66675 3.33325C5.11446 3.33325 4.66675 3.78097 4.66675 4.33325C4.66675 4.88554 5.11446 5.33325 5.66675 5.33325Z", fill: "#596168" }), /* @__PURE__ */ e.createElement("path", { d: "M10.3335 13.3333C10.8858 13.3333 11.3335 12.8855 11.3335 12.3333C11.3335 11.781 10.8858 11.3333 10.3335 11.3333C9.78121 11.3333 9.3335 11.781 9.3335 12.3333C9.3335 12.8855 9.78121 13.3333 10.3335 13.3333Z", fill: "#596168" }), /* @__PURE__ */ e.createElement("path", { d: "M5.66675 13.3333C6.21903 13.3333 6.66675 12.8855 6.66675 12.3333C6.66675 11.781 6.21903 11.3333 5.66675 11.3333C5.11446 11.3333 4.66675 11.781 4.66675 12.3333C4.66675 12.8855 5.11446 13.3333 5.66675 13.3333Z", fill: "#596168" }));
+function C({ dragClassName: t }) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: `${t} dc__outline-none-imp dc__no-border p-0 dc__transparent h-20`,
+      children: /* @__PURE__ */ l(a, { className: "dc__grabbable icon-dim-20 fcn-6" })
+    }
+  );
+}
+export {
+  C as default
+};

package/dist/Common/DraggableWrapper/DraggableWrapper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DraggableWrapperProps } from './types';
+/**
+ * TODO: import it as lazy, after it is supported in common
+ * 1. If using react select please use menuPlacement='auto'
+ * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
+ * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
+ */
+export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, }: DraggableWrapperProps): JSX.Element;