@aloudata/aloudata-design 3.0.0-beta.15 → 3.0.0-beta.17

package/dist/_utils/floatingLayer.js

@@ -0,0 +1,30 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/_utils/floatingLayer.tsx
+var FLOATING_LAYER_BASE_Z_INDEX = 1e3;
+var FloatingLayerContext = createContext(0);
+function useFloatingLayer(baseZIndex = FLOATING_LAYER_BASE_Z_INDEX) {
+	const level = useContext(FloatingLayerContext);
+	const maskZIndex = baseZIndex + level * 10;
+	return {
+		level,
+		maskZIndex,
+		contentZIndex: maskZIndex + 1,
+		popupZIndex: maskZIndex + 2,
+		nextLevel: level + 1
+	};
+}
+function useFloatingPopupZIndex(zIndex) {
+	const { popupZIndex } = useFloatingLayer();
+	return zIndex ?? popupZIndex;
+}
+function FloatingLayerProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(FloatingLayerContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { FloatingLayerProvider, useFloatingLayer, useFloatingPopupZIndex };
+
+//# sourceMappingURL=floatingLayer.js.map

package/dist/_utils/floatingLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingLayer.js","names":[],"sources":["../../src/_utils/floatingLayer.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport const FLOATING_LAYER_BASE_Z_INDEX = 1000;\nexport const FLOATING_LAYER_STEP = 10;\n\nconst FloatingLayerContext = createContext(0);\n\nexport function useFloatingLayer(baseZIndex = FLOATING_LAYER_BASE_Z_INDEX) {\n  const level = useContext(FloatingLayerContext);\n  const maskZIndex = baseZIndex + level * FLOATING_LAYER_STEP;\n\n  return {\n    level,\n    maskZIndex,\n    contentZIndex: maskZIndex + 1,\n    popupZIndex: maskZIndex + 2,\n    nextLevel: level + 1,\n  };\n}\n\nexport function useFloatingPopupZIndex(zIndex?: number) {\n  const { popupZIndex } = useFloatingLayer();\n  return zIndex ?? popupZIndex;\n}\n\nexport function FloatingLayerProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: number;\n}) {\n  return (\n    <FloatingLayerContext.Provider value={value}>\n      {children}\n    </FloatingLayerContext.Provider>\n  );\n}\n"],"mappings":";;;AAEA,IAAa,8BAA8B;AAG3C,IAAM,uBAAuB,cAAc,EAAE;AAE7C,SAAgB,iBAAiB,aAAa,6BAA6B;CACzE,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,aAAa,aAAa,QAAA;AAEhC,QAAO;EACL;EACA;EACA,eAAe,aAAa;EAC5B,aAAa,aAAa;EAC1B,WAAW,QAAQ;EACpB;;AAGH,SAAgB,uBAAuB,QAAiB;CACtD,MAAM,EAAE,gBAAgB,kBAAkB;AAC1C,QAAO,UAAU;;AAGnB,SAAgB,sBAAsB,EACpC,UACA,SAIC;AACD,QACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;EAC6B,CAAA"}