npm - @kaizen/components - Versions diffs - 1.58.2 → 1.60.0 - Mend

@@ -1,49 +0,0 @@
-import { setImmediate } from "timers"
-import { renderHook, act } from "@testing-library/react-hooks"
-import { useResizeObserver } from "./useResizeObserver"
-function MockResizeObserver(callback: unknown): void {
-  // @ts-ignore
-  this.callback = callback
-}
-MockResizeObserver.prototype.observe = async function observe(): Promise<void> {
-  this.callback(["first"])
-  await new Promise(r => setImmediate(r))
-  this.callback(["second"])
-  await new Promise(r => setImmediate(r))
-  this.callback(["third"])
-}
-const disconnect = jest.fn()
-MockResizeObserver.prototype.disconnect = disconnect
-jest.mock("resize-observer-polyfill", () => ({
-  __esModule: true,
-  default: MockResizeObserver,
-}))
-describe("useResizeObserver", () => {
-  it("Calls the callback with the expected entries", async () => {
-    const callback = jest.fn().mockImplementation(value => value)
-    const { result, waitForNextUpdate, unmount } = renderHook(() =>
-      useResizeObserver(callback)
-    )
-    await act(async () => {
-      // @ts-ignore
-      result.current[0]("node")
-      expect(result.current[1]).toBe(undefined)
-      await waitForNextUpdate()
-      expect(callback).toBeCalledTimes(1)
-      expect(result.current[1]).toBe("first")
-      await waitForNextUpdate()
-      expect(callback).toBeCalledTimes(2)
-      expect(result.current[1]).toBe("second")
-      await waitForNextUpdate()
-      expect(callback).toBeCalledTimes(3)
-      expect(result.current[1]).toBe("third")
-    })
-    unmount()
-    expect(disconnect).toBeCalled()
-  })
-})

@@ -4,7 +4,7 @@ import {
   type OverlayArrowProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import styles from "./OverlayArrow.module.scss"

@@ -8,7 +8,7 @@ import {
   useContextProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { OverlayArrow } from "./OverlayArrow"
 import styles from "./Tooltip.module.scss"

@@ -1,8 +1,8 @@
 import React from "react"
 import { Meta, composeStories } from "@storybook/react"
 import { ReversedColors } from "~components/__utilities__/v3"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { StickerSheetStory } from "~storybook/components/StickerSheet"
-import { mergeClassNames } from "~utils/mergeClassNames"
 import * as testStories from "./Tooltip.spec.stories"
 export default {

@@ -0,0 +1,13 @@
+const ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net"
+/**
+ * Returns the full URL of the asset at `path` managed by the
+ * `kaizen-design-system-assets` service.
+ *
+ * @example
+ * assetUrl("some/blob.png") -> "https://<origin>/some/blob.png"
+ *
+ * @see https://github.com/cultureamp/kaizen-design-system-assets/
+ */
+export const assetUrl = (path: string): string =>
+  [ORIGIN_BASE_URL, path].join("/")

@@ -1,2 +1,3 @@
 // Not all utils are exported because most are intended for internal use only
 export * from "./useMediaQueries"
+export * from "./hostedAssets"

@@ -23,6 +23,7 @@ export interface DOMRectReadOnly {
  * @return {Array} An array containing a ref for binding to the observed DOM
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
+ * @deprecated use native `ResizeObserver` DOM API instead
  */
 export const useResizeObserver = <T, E extends Element = HTMLElement>(
   resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback

@@ -1,22 +0,0 @@
-'use strict';
-var styles = {
-  "wrapper": "Card-module_wrapper__h5MUx",
-  "elevated": "Card-module_elevated__m7z8s",
-  "blue": "Card-module_blue__3-ogH",
-  "gray": "Card-module_gray__laFe8",
-  "green": "Card-module_green__FOeLt",
-  "orange": "Card-module_orange__hIZPr",
-  "purple": "Card-module_purple__7tEwm",
-  "red": "Card-module_red__e6deN",
-  "white": "Card-module_white__HD1ph",
-  "yellow": "Card-module_yellow__j4aX-",
-  "default": "Card-module_default__MzW74",
-  "informative": "Card-module_informative__4yRSy",
-  "positive": "Card-module_positive__KvUqp",
-  "cautionary": "Card-module_cautionary__iMWR-",
-  "destructive": "Card-module_destructive__9wC8X",
-  "assertive": "Card-module_assertive__6d1GM",
-  "highlight": "Card-module_highlight__2GSL-"
-};
-module.exports = styles;

@kaizen/components 1.58.2 → 1.60.0