@canonical/react-ds-core 0.8.1-experimental.0 → 0.9.0-experimental.10

package/dist/types/ui/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+import type { UseResizeObserverResult } from "./types.js";
+/**
+ * Hook to observe the size of an element.
+ * @param element The element to observe.
+ * @returns The size of the element.
+ */
+export default function useResizeObserver<TElement extends HTMLElement>(element?: TElement | null): UseResizeObserverResult;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/types/ui/hooks/useResizeObserver/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useResizeObserver/useResizeObserver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,QAAQ,SAAS,WAAW,EACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,GACxB,uBAAuB,CA4BzB"}

package/dist/types/ui/hooks/useWindowDimensions/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useWindowDimensions } from "./useWindowDimensions.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/hooks/useWindowDimensions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,cAAc,YAAY,CAAC"}

package/dist/types/ui/hooks/useWindowDimensions/types.d.ts

@@ -0,0 +1,21 @@
+export interface UseWindowDimensionProps {
+    /** Delay in milliseconds before the resize event is triggered */
+    resizeDelay?: number;
+    /** Delay in milliseconds before the scroll event is triggered */
+    scrollDelay?: number;
+    /** Callback to be called when the window is resized */
+    onResize?: (dimensions: UseWindowDimensionsResult) => void;
+    /** Callback to be called when the window is scrolled */
+    onScroll?: (dimensions: UseWindowDimensionsResult) => void;
+}
+export interface UseWindowDimensionsResult {
+    /** The width of the window */
+    windowWidth: number;
+    /** The height of the window */
+    windowHeight: number;
+    /** The horizontal scroll position */
+    scrollWidth: number;
+    /** The vertical scroll position */
+    scrollHeight: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/hooks/useWindowDimensions/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC3D,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,yBAAyB;IACxC,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/types/ui/hooks/useWindowDimensions/useWindowDimensions.d.ts

@@ -0,0 +1,6 @@
+import type { UseWindowDimensionProps, UseWindowDimensionsResult } from "./types.js";
+/**
+ * Hook to get the window dimensions and scroll position.
+ */
+export default function useWindowDimensions({ onResize, onScroll, resizeDelay, scrollDelay, }?: UseWindowDimensionProps): UseWindowDimensionsResult;
+//# sourceMappingURL=useWindowDimensions.d.ts.map

package/dist/types/ui/hooks/useWindowDimensions/useWindowDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowDimensions.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowDimensions/useWindowDimensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,QAAQ,EACR,WAAiB,EACjB,WAAiB,GAClB,GAAE,uBAA4B,GAAG,yBAAyB,CAmD1D"}

package/dist/types/ui/hooks/useWindowFitment/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useWindowFitment } from "./useWindowFitment.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/hooks/useWindowFitment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/types/ui/hooks/useWindowFitment/types.d.ts

@@ -0,0 +1,66 @@
+import type { CSSProperties, RefObject } from "react";
+export interface UseWindowFitmentProps {
+    /**
+     * An array of preferred directions for the popup.
+     * The hook will try to position the popup in these directions in order.
+     * Defaults to ['top', 'bottom', 'left', 'right'].
+     */
+    preferredDirections?: WindowFitmentDirection[];
+    /**
+     * The distance, in pixels between the target and the popup.
+     * @TODO support non-px units. E.G., someone should be able to request '1em`.
+     */
+    distance?: string;
+    /**
+     * The gutter (padding) around the viewport, preventing the popup from being too close to the edges.
+     * A CSS padding-like string (e.g., '10px', '10px 20px', '10px 20px 30px 40px').
+     * Assumes that each value is in pixels.
+     * @TODO support non-px units and change this to a string. E.G., someone should be able to request '0.5rem 1rem 1rem 0.5rem`.
+     */
+    gutter?: string;
+    /**
+     * The maximum width of the popup content.
+     * Can be a CSS width value (e.g., '300px', '50%').
+     * Defaults to '350px'.
+     */
+    maxWidth?: string;
+    /** How long wait before processing actions called by resize events. Defaults to 150ms. */
+    resizeDelay?: number;
+    /** How long to wait before processing actions called by scroll events Defaults to 150ms. */
+    scrollDelay?: number;
+    /** Whether the popup is open or not. */
+    isOpen?: boolean;
+    /**
+     * An optional callback to be called when the best position of the popup changes.
+     */
+    onBestPositionChange?: (bestPosition?: BestPosition) => void;
+}
+export type WindowFitmentDirection = "top" | "bottom" | "left" | "right";
+export interface UseWindowFitmentResult {
+    /**
+     * A ref to be attached to the target element.
+     */
+    targetRef: RefObject<HTMLDivElement | null>;
+    /**
+     * A ref to be attached to the popup element.
+     */
+    popupRef: RefObject<HTMLDivElement | null>;
+    /**
+     * The calculated best possible position of the popup element.
+     */
+    bestPosition?: BestPosition;
+    /**
+     * The style object to be applied to the popup element.
+     */
+    popupPositionStyle: CSSProperties;
+}
+export type RelativePosition = {
+    top: number;
+    left: number;
+};
+export interface BestPosition {
+    position: RelativePosition;
+    positionName: WindowFitmentDirection;
+    fits: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/hooks/useWindowFitment/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,kBAAkB,EAAE,aAAa,CAAC;CAOnC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,YAAY,EAAE,sBAAsB,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;CACf"}

package/dist/types/ui/hooks/useWindowFitment/useWindowFitment.d.ts

@@ -0,0 +1,4 @@
+import type { UseWindowFitmentProps, UseWindowFitmentResult } from "./types.js";
+declare const useWindowFitment: ({ preferredDirections, distance, gutter, maxWidth, resizeDelay, scrollDelay, onBestPositionChange, }: UseWindowFitmentProps) => UseWindowFitmentResult;
+export default useWindowFitment;
+//# sourceMappingURL=useWindowFitment.d.ts.map

package/dist/types/ui/hooks/useWindowFitment/useWindowFitment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowFitment.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useWindowFitment/useWindowFitment.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAGV,qBAAqB,EACrB,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAEpB,QAAA,MAAM,gBAAgB,yGAQnB,qBAAqB,KAAG,sBAwP1B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/ui/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
+export * from "./Tooltip/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-ds-core",
-  "version": "0.8.1-experimental.0",
+  "version": "0.9.0-experimental.10",
   "type": "module",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -24,12 +24,12 @@
     "build": "bun run build:package",
     "build:storybook": "storybook build",
     "build:package": "bun run build:package:tsc && bun run build:package:copycss",
-    "build:package:copycss": "copyfiles -u 1 src/ui/**/*.css dist/esm",
+    "build:package:copycss": "copyfiles -u 1 'src/ui/{,**/}*.css' dist/esm",
     "build:package:tsc": "tsc -p tsconfig.build.json",
     "check": "bun run check:biome && bun run check:ts",
     "check:fix": "bun run check:biome:fix && bun run check:ts",
-    "check:biome": "biome check src *.json",
-    "check:biome:fix": "biome check --write src *.json",
+    "check:biome": "biome check",
+    "check:biome:fix": "biome check --write",
     "check:ts": "tsc --noEmit",
     "storybook": "storybook dev -p 6006 --no-open --host 0.0.0.0",
     "test": "bun run test:vitest",
@@ -38,24 +38,18 @@
     "test:vitest:watch": "vitest"
   },
   "dependencies": {
-    "@canonical/storybook-addon-baseline-grid": "^0.6.0-experimental.0",
-    "@canonical/styles": "^0.6.0-experimental.0",
+    "@canonical/storybook-config": "^0.9.0-experimental.5",
+    "@canonical/styles": "^0.9.0-experimental.9",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@canonical/biome-config": "^0.4.0-experimental.0",
-    "@canonical/typescript-config-react": "^0.4.0-experimental.0",
+    "@canonical/biome-config": "^0.9.0-experimental.2",
+    "@canonical/typescript-config-react": "^0.9.0-experimental.2",
     "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
     "@storybook/blocks": "^8.4.7",
     "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -64,13 +58,13 @@
     "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "copyfiles": "^2.4.1",
-    "globals": "^15.13.0",
-    "jsdom": "^25.0.1",
+    "globals": "^16.0.0",
+    "jsdom": "^26.0.0",
     "storybook": "^8.4.7",
     "typescript": "^5.7.2",
     "vite": "^6.0.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.9"
   },
-  "gitHead": "a3b4f8a768d6c64fd9226e18011e97e02b2ef201"
+  "gitHead": "9f5cceda31194238d239de8113a3f035b06c9316"
 }