@kaizen/components 0.0.0-canary-toast-notification-fix-20240822034045 → 0.0.0-canary-workflow-export-20240910075656

package/src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/index.ts

@@ -1 +0,0 @@
-export * from "./ProgressStepper"

package/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx

@@ -1,23 +0,0 @@
-import React, { HTMLAttributes } from "react"
-import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./FooterRoot.module.scss"
-
-export type FooterRootProps = OverrideClassName<
-  HTMLAttributes<HTMLHeadingElement>
->
-
-export const FooterRoot = ({
-  children,
-  classNameOverride,
-  ...restProps
-}: FooterRootProps): JSX.Element => (
-  <footer
-    className={classnames(styles.footerRoot, classNameOverride)}
-    {...restProps}
-  >
-    {children}
-  </footer>
-)
-
-FooterRoot.displayName = "Workflow.FooterRoot"

package/src/__future__/Workflow/subcomponents/Footer/components/Root/index.ts

@@ -1 +0,0 @@
-export * from "./Root"

package/src/__future__/Workflow/subcomponents/Footer/components/index.ts

@@ -1,3 +0,0 @@
-export * from "./Root"
-export * from "./ProgressStepper"
-export * from "./FooterActions"

package/src/__future__/Workflow/subcomponents/Footer/index.ts

@@ -1,2 +0,0 @@
-export * from "./Footer"
-export * from "./components"

package/src/__future__/Workflow/subcomponents/Header/Header.tsx

@@ -1,27 +0,0 @@
-import React from "react"
-import {
-  HeaderRoot,
-  Branding,
-  Titles,
-  Actions,
-  WorkflowActionsProps,
-  WorkflowTitlesProps,
-} from "./components"
-
-export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps
-
-export const Header = ({
-  workflowName,
-  stepName,
-  status,
-  headerActions,
-  ...restProps
-}: HeaderProps): JSX.Element => (
-  <HeaderRoot {...restProps}>
-    <Branding alt="Culture Amp" />
-    <Titles workflowName={workflowName} stepName={stepName} status={status} />
-    <Actions headerActions={headerActions} />
-  </HeaderRoot>
-)
-
-Header.displayName = "Workflow.Header"

package/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx

@@ -1,24 +0,0 @@
-import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Actions.module.scss"
-
-export type WorkflowActionsProps = {
-  /**
-   * Header actions will render in order of the array.
-   */
-  headerActions?: JSX.Element[]
-} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>
-
-/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
-export const Actions = ({
-  headerActions,
-  ...restProps
-}: WorkflowActionsProps): JSX.Element => (
-  <div className={styles.actions} {...restProps}>
-    {headerActions?.map((action, index) => (
-      <action.type key={`header-actions ${index}`} {...action.props} />
-    ))}
-  </div>
-)
-
-Actions.displayName = "Workflow.Actions"

package/src/__future__/Workflow/subcomponents/Header/components/Actions/index.ts

@@ -1 +0,0 @@
-export * from "./Actions"

package/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx

@@ -1,20 +0,0 @@
-import React, { HTMLAttributes } from "react"
-import { Brand, BrandProps } from "~components/Brand"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Branding.module.scss"
-
-export type WorflowBrandingProps = {
-  variant?: BrandProps["variant"]
-  alt: string
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>
-
-export const Branding = ({
-  variant = "logo-horizontal",
-  alt,
-}: WorflowBrandingProps): JSX.Element => (
-  <div className={styles.branding}>
-    <Brand classNameOverride={styles.logo} variant={variant} alt={alt} />
-  </div>
-)
-
-Branding.displayName = "Workflow.Branding"

package/src/__future__/Workflow/subcomponents/Header/components/Branding/index.ts

@@ -1 +0,0 @@
-export * from "./Branding"

package/src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx

@@ -1,20 +0,0 @@
-import React, { HTMLAttributes } from "react"
-import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Root.module.scss"
-
-export type HeaderRootProps = OverrideClassName<
-  HTMLAttributes<HTMLHeadingElement>
->
-
-export const HeaderRoot = ({
-  children,
-  classNameOverride,
-  ...restProps
-}: HeaderRootProps): JSX.Element => (
-  <header className={classnames(styles.root, classNameOverride)} {...restProps}>
-    {children}
-  </header>
-)
-
-HeaderRoot.displayName = "Workflow.HeaderRoot"

package/src/__future__/Workflow/subcomponents/Header/components/Root/index.tsx

@@ -1 +0,0 @@
-export * from "./Root"

package/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx

@@ -1,55 +0,0 @@
-import React, { HTMLAttributes } from "react"
-import { Heading } from "~components/Heading"
-import { Tag, DefaultTagProps } from "~components/Tag"
-import { VisuallyHidden } from "~components/VisuallyHidden"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Titles.module.scss"
-
-export type WorkflowStatus = {
-  /** @default: "statusDraft" */
-  variant?: DefaultTagProps["variant"]
-  content?: string
-}
-
-export type WorkflowTitlesProps = {
-  workflowName: string
-  stepName: string
-  status?: WorkflowStatus
-} & OverrideClassName<HTMLAttributes<HTMLDivElement>>
-
-export const Titles = ({
-  workflowName,
-  stepName,
-  status,
-  ...restProps
-}: WorkflowTitlesProps): JSX.Element => (
-  <div className={styles.titles} {...restProps}>
-    <Heading
-      variant="heading-1"
-      tag="h1"
-      color="dark"
-      classNameOverride={styles.pageTitle}
-    >
-      <Heading
-        classNameOverride={styles.prefix}
-        variant="heading-6"
-        tag="span"
-        color="dark-reduced-opacity"
-      >
-        {workflowName}
-        <VisuallyHidden>:</VisuallyHidden>
-      </Heading>
-      <span>{stepName}</span>
-    </Heading>
-    {status && (
-      // status may need to be update by a fetch
-      <div className={styles.status}>
-        <Tag inline variant={status?.variant || "statusDraft"}>
-          {status?.content}
-        </Tag>
-      </div>
-    )}
-  </div>
-)
-
-Titles.displayName = "Workflow.Titles"

package/src/__future__/Workflow/subcomponents/Header/components/Titles/index.ts

@@ -1 +0,0 @@
-export * from "./Titles"

package/src/__future__/Workflow/subcomponents/Header/components/index.ts

@@ -1,4 +0,0 @@
-export * from "./Titles"
-export * from "./Actions"
-export * from "./Branding"
-export * from "./Root"

package/src/__future__/Workflow/subcomponents/Header/index.ts

@@ -1,2 +0,0 @@
-export * from "./Header"
-export * from "./components"

package/src/__future__/Workflow/subcomponents/Main/Main.module.scss

@@ -1,4 +0,0 @@
-.main {
-  // This is set so children will sit beneath the header and footer when sticky
-  z-index: 0;
-}

package/src/__future__/Workflow/subcomponents/Main/Main.tsx

@@ -1,22 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from "react"
-import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Main.module.scss"
-
-export type WorkflowMainProps = OverrideClassName<
-  HTMLAttributes<HTMLDivElement>
-> & {
-  children: ReactNode
-}
-
-export const Main = ({
-  children,
-  classNameOverride,
-  ...restProps
-}: WorkflowMainProps): JSX.Element => (
-  <main className={classnames([styles.main, classNameOverride])} {...restProps}>
-    {children}
-  </main>
-)
-
-Main.displayName = "Workflow.Main"

package/src/__future__/Workflow/subcomponents/Main/index.tsx

@@ -1 +0,0 @@
-export * from "./Main"

package/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx

@@ -1,22 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from "react"
-import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
-import styles from "./Wrapper.module.scss"
-
-export type WorkflowWrapperProps = OverrideClassName<
-  HTMLAttributes<HTMLDivElement>
-> & {
-  children: ReactNode
-}
-
-export const Wrapper = ({
-  children,
-  classNameOverride,
-  ...restProps
-}: WorkflowWrapperProps): JSX.Element => (
-  <div className={classnames(styles.wrapper, classNameOverride)} {...restProps}>
-    {children}
-  </div>
-)
-
-Wrapper.displayName = "Workflow.Wrapper"

package/src/__future__/Workflow/subcomponents/Wrapper/index.ts

@@ -1 +0,0 @@
-export * from "./Wrapper"

package/src/__future__/Workflow/subcomponents/index.ts

@@ -1,4 +0,0 @@
-export * from "./Footer"
-export * from "./Header"
-export * from "./Main"
-export * from "./Wrapper"

package/src/__overlays__/Tooltip/v1/subcomponents/AppearanceAnim.spec.tsx

@@ -1,39 +0,0 @@
-import React from "react"
-import { render } from "@testing-library/react"
-import useDebounce from "use-debounce"
-import { AnimationProvider } from "./AppearanceAnim"
-
-jest.mock("use-debounce")
-
-const useDebouncedCallback = useDebounce.useDebouncedCallback as jest.Mock
-let mockReturnValue: Record<string, any>
-
-describe("<AnimationProvider />", () => {
-  beforeEach(() => {
-    mockReturnValue = jest.fn()
-    mockReturnValue.cancel = (): void => undefined
-    useDebouncedCallback.mockImplementation(() => mockReturnValue)
-  })
-
-  describe("When no animationDuration prop is given", () => {
-    it("calls useDebouncedCallback with a 400 ms delay", () => {
-      render(<AnimationProvider isVisible />)
-      expect(useDebouncedCallback).toHaveBeenCalledWith(
-        expect.anything(),
-        400,
-        expect.anything()
-      )
-    })
-  })
-  describe("When an animationDuration prop is given", () => {
-    it("calls useDebouncedCallback with the animationDuration value", () => {
-      const expected = 1000
-      render(<AnimationProvider isVisible animationDuration={expected} />)
-      expect(useDebouncedCallback).toHaveBeenCalledWith(
-        expect.anything(),
-        expected,
-        expect.anything()
-      )
-    })
-  })
-})

package/src/utils/useResizeObserver.spec.tsx

@@ -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()
-  })
-})

package/v1/containers/package.json

@@ -1,5 +0,0 @@
-{
-  "main": "../../dist/cjs/containersV1.cjs",
-  "module": "../../dist/esm/containersV1.mjs",
-  "types": "../../dist/types/__containers__/v1.d.ts"
-}

package/v2/containers/package.json

@@ -1,5 +0,0 @@
-{
-  "main": "../../dist/cjs/containersV2.cjs",
-  "module": "../../dist/esm/containersV2.mjs",
-  "types": "../../dist/types/__containers__/v2.d.ts"
-}