@bioturing/components 0.42.0-beta.1 → 0.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.42.0-beta.1",
+  "version": "0.43.0",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
     "rc-util": "^5.44.4",
     "react-use-resizable": "^0.2.0",
     "tailwind-merge": "^3.3.1",
-    "@bioturing/assets": "0.26.0"
+    "@bioturing/assets": "0.27.0"
   },
   "peerDependencies": {
     "antd": "^5.26.7",

package/dist/components/hooks/useBaseUIPlacement.d.ts

@@ -1,64 +0,0 @@
-import { BaseUIAlign, BaseUISide } from '../utils';
-export interface UseBaseUIPlacementOptions {
-    /**
-     * The positioner element to observe for placement changes
-     */
-    positionerRef: HTMLElement | null;
-    /**
-     * Whether the popup is currently open
-     * Observation only occurs when open is true
-     */
-    open: boolean;
-    /**
-     * Initial side placement
-     */
-    initialSide: BaseUISide;
-    /**
-     * Initial align placement
-     */
-    initialAlign: BaseUIAlign;
-    /**
-     * Callback fired when placement changes
-     */
-    onPlacementChange?: (placement: string) => void;
-    /**
-     * Enable debug logging
-     * @default false
-     */
-    debug?: boolean;
-}
-export interface UseBaseUIPlacementReturn {
-    /**
-     * Current side placement
-     */
-    currentSide: BaseUISide;
-    /**
-     * Current align placement
-     */
-    currentAlign: BaseUIAlign;
-    /**
-     * Key that increments when placement changes
-     * Useful for triggering re-renders or resets
-     */
-    placementChangeKey: number;
-}
-/**
- * Hook to track Base UI positioner placement changes
- *
- * Observes the positioner element's data-side and data-align attributes
- * and triggers callbacks when they change. Useful for components that need
- * to react to automatic placement adjustments by Base UI.
- *
- * @example
- * ```tsx
- * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({
- *   positionerRef,
- *   open,
- *   initialSide: 'bottom',
- *   initialAlign: 'start',
- *   onPlacementChange: (placement) => console.log('New placement:', placement)
- * });
- * ```
- */
-export declare function useBaseUIPlacement({ positionerRef, open, initialSide, initialAlign, onPlacementChange, debug, }: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn;
-//# sourceMappingURL=useBaseUIPlacement.d.ts.map

package/dist/components/hooks/useBaseUIPlacement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseUIPlacement.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAsB,MAAM,UAAU,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,KAAa,GACd,EAAE,yBAAyB,GAAG,wBAAwB,CAsFtD"}

package/dist/components/hooks/useBaseUIPlacement.js

@@ -1,61 +0,0 @@
-"use client";
-import { useState as i, useEffect as y } from "react";
-import { useStableCallback as N } from "@base-ui/utils/useStableCallback";
-import { buildAntdPlacement as S } from "../utils/placement.js";
-function E({
-  positionerRef: a,
-  open: b,
-  initialSide: d,
-  initialAlign: f,
-  onPlacementChange: m,
-  debug: o = !1
-}) {
-  const [r, C] = i(d), [n, h] = i(f), [P, A] = i(0), s = N(m);
-  return y(() => {
-    if (!a || !b)
-      return;
-    const g = new MutationObserver((w) => {
-      let u = !1, l = r, c = n;
-      if (w.forEach((t) => {
-        if (t.type === "attributes" && t.attributeName === "data-side") {
-          const e = a.getAttribute(t.attributeName);
-          e && e !== r && (l = e, u = !0);
-        }
-        if (t.type === "attributes" && t.attributeName === "data-align") {
-          const e = a.getAttribute(t.attributeName);
-          e && e !== n && (c = e, u = !0);
-        }
-      }), u) {
-        const t = S({
-          side: l,
-          align: c
-        });
-        C(l), h(c), A((e) => e + 1), s && s(t);
-      }
-    });
-    return g.observe(a, {
-      attributes: !0,
-      attributeFilter: ["data-side", "data-align"],
-      attributeOldValue: !0
-    }), () => {
-      g.disconnect();
-    };
-  }, [
-    b,
-    a,
-    s,
-    r,
-    n,
-    o,
-    d,
-    f
-  ]), {
-    currentSide: r,
-    currentAlign: n,
-    placementChangeKey: P
-  };
-}
-export {
-  E as useBaseUIPlacement
-};
-//# sourceMappingURL=useBaseUIPlacement.js.map

package/dist/components/hooks/useBaseUIPlacement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseUIPlacement.js","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { BaseUIAlign, BaseUISide, buildAntdPlacement } from \"../utils\";\n\nexport interface UseBaseUIPlacementOptions {\n  /**\n   * The positioner element to observe for placement changes\n   */\n  positionerRef: HTMLElement | null;\n  /**\n   * Whether the popup is currently open\n   * Observation only occurs when open is true\n   */\n  open: boolean;\n  /**\n   * Initial side placement\n   */\n  initialSide: BaseUISide;\n  /**\n   * Initial align placement\n   */\n  initialAlign: BaseUIAlign;\n  /**\n   * Callback fired when placement changes\n   */\n  onPlacementChange?: (placement: string) => void;\n  /**\n   * Enable debug logging\n   * @default false\n   */\n  debug?: boolean;\n}\n\nexport interface UseBaseUIPlacementReturn {\n  /**\n   * Current side placement\n   */\n  currentSide: BaseUISide;\n  /**\n   * Current align placement\n   */\n  currentAlign: BaseUIAlign;\n  /**\n   * Key that increments when placement changes\n   * Useful for triggering re-renders or resets\n   */\n  placementChangeKey: number;\n}\n\n/**\n * Hook to track Base UI positioner placement changes\n *\n * Observes the positioner element's data-side and data-align attributes\n * and triggers callbacks when they change. Useful for components that need\n * to react to automatic placement adjustments by Base UI.\n *\n * @example\n * ```tsx\n * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({\n *   positionerRef,\n *   open,\n *   initialSide: 'bottom',\n *   initialAlign: 'start',\n *   onPlacementChange: (placement) => console.log('New placement:', placement)\n * });\n * ```\n */\nexport function useBaseUIPlacement({\n  positionerRef,\n  open,\n  initialSide,\n  initialAlign,\n  onPlacementChange,\n  debug = false,\n}: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn {\n  const [currentSide, setCurrentSide] = useState<BaseUISide>(initialSide);\n  const [currentAlign, setCurrentAlign] = useState<BaseUIAlign>(initialAlign);\n  const [placementChangeKey, setPlacementChangeKey] = useState(0);\n\n  const stableOnPlacementChange = useStableCallback(onPlacementChange);\n\n  useEffect(() => {\n    if (!positionerRef || !open) {\n      return;\n    }\n\n    // Create MutationObserver to watch for data-side and data-align changes\n    const observer = new MutationObserver((mutations) => {\n      let hasPlacementChanged = false;\n      let newSide = currentSide;\n      let newAlign = currentAlign;\n\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-side\"\n        ) {\n          const side = positionerRef.getAttribute(mutation.attributeName);\n          if (side && side !== currentSide) {\n            newSide = side as BaseUISide;\n            hasPlacementChanged = true;\n          }\n        }\n\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-align\"\n        ) {\n          const align = positionerRef.getAttribute(mutation.attributeName);\n          if (align && align !== currentAlign) {\n            newAlign = align as BaseUIAlign;\n            hasPlacementChanged = true;\n          }\n        }\n      });\n\n      // Only trigger callbacks if placement actually changed\n      if (hasPlacementChanged) {\n        const newPlacement = buildAntdPlacement({\n          side: newSide,\n          align: newAlign,\n        });\n\n        // Update state to trigger re-render\n        setCurrentSide(newSide);\n        setCurrentAlign(newAlign);\n        setPlacementChangeKey((prev) => prev + 1);\n\n        if (stableOnPlacementChange) {\n          stableOnPlacementChange(newPlacement);\n        }\n      }\n    });\n\n    // Start observing\n    observer.observe(positionerRef, {\n      attributes: true,\n      attributeFilter: [\"data-side\", \"data-align\"],\n      attributeOldValue: true,\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    open,\n    positionerRef,\n    stableOnPlacementChange,\n    currentSide,\n    currentAlign,\n    debug,\n    initialSide,\n    initialAlign,\n  ]);\n\n  return {\n    currentSide,\n    currentAlign,\n    placementChangeKey,\n  };\n}\n"],"names":["useBaseUIPlacement","positionerRef","open","initialSide","initialAlign","onPlacementChange","debug","currentSide","setCurrentSide","useState","currentAlign","setCurrentAlign","placementChangeKey","setPlacementChangeKey","stableOnPlacementChange","useStableCallback","useEffect","observer","mutations","hasPlacementChanged","newSide","newAlign","mutation","side","align","newPlacement","buildAntdPlacement","prev"],"mappings":";;;;AAoEO,SAASA,EAAmB;AAAA,EACjC,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,GAAwD;AACtD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAqBN,CAAW,GAChE,CAACO,GAAcC,CAAe,IAAIF,EAAsBL,CAAY,GACpE,CAACQ,GAAoBC,CAAqB,IAAIJ,EAAS,CAAC,GAExDK,IAA0BC,EAAkBV,CAAiB;AAEnE,SAAAW,EAAU,MAAM;AACd,QAAI,CAACf,KAAiB,CAACC;AACrB;AAIF,UAAMe,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,UAAIC,IAAsB,IACtBC,IAAUb,GACVc,IAAWX;AA2Bf,UAzBAQ,EAAU,QAAQ,CAACI,MAAa;AAC9B,YACEA,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,aAC3B;AACA,gBAAMC,IAAOtB,EAAc,aAAaqB,EAAS,aAAa;AAC9D,UAAIC,KAAQA,MAAShB,MACnBa,IAAUG,GACVJ,IAAsB;AAAA,QAE1B;AAEA,YACEG,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,cAC3B;AACA,gBAAME,IAAQvB,EAAc,aAAaqB,EAAS,aAAa;AAC/D,UAAIE,KAASA,MAAUd,MACrBW,IAAWG,GACXL,IAAsB;AAAA,QAE1B;AAAA,MACF,CAAC,GAGGA,GAAqB;AACvB,cAAMM,IAAeC,EAAmB;AAAA,UACtC,MAAMN;AAAA,UACN,OAAOC;AAAA,QAAA,CACR;AAGD,QAAAb,EAAeY,CAAO,GACtBT,EAAgBU,CAAQ,GACxBR,EAAsB,CAACc,MAASA,IAAO,CAAC,GAEpCb,KACFA,EAAwBW,CAAY;AAAA,MAExC;AAAA,IACF,CAAC;AAGD,WAAAR,EAAS,QAAQhB,GAAe;AAAA,MAC9B,YAAY;AAAA,MACZ,iBAAiB,CAAC,aAAa,YAAY;AAAA,MAC3C,mBAAmB;AAAA,IAAA,CACpB,GAEM,MAAM;AACX,MAAAgB,EAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG;AAAA,IACDf;AAAA,IACAD;AAAA,IACAa;AAAA,IACAP;AAAA,IACAG;AAAA,IACAJ;AAAA,IACAH;AAAA,IACAC;AAAA,EAAA,CACD,GAEM;AAAA,IACL,aAAAG;AAAA,IACA,cAAAG;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}