@pega/cosmos-react-test-utils 5.0.0-dev.1.0 → 5.0.0-dev.10.0

package/lib/mocks/iconMock.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconMock.js","sourceRoot":"","sources":["../../src/mocks/iconMock.ts"],"names":[],"mappings":"AAIA,IAAI,CAAC,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;IACjE,gHAAgH;IAChH,oFAAoF;IACpF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,aAAa,CAAyB,OAAO,CAAC,CAAC;IAE1F,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAC5B,kDAAkD,CACnD,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,IAAI;QAChB,GAAG,GAAG;QACN,OAAO,EAAE,UAAU,CAAC,SAAS,QAAQ,CACnC,EAAE,IAAI,EAAE,GAAG,SAAS,EAA8B,EAClD,GAAqB;YAErB,OAAO,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE;gBACnC,IAAI,EAAE,cAAc;gBACpB,GAAG,SAAS;gBACZ,gBAAgB,EAAE,IAAI;gBACtB,GAAG;aACJ,CAAC,CAAC;QACL,CAAC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { PropsWithoutRef } from 'react';\n\nimport type { IconProps } from '@pega/cosmos-react-core';\n\njest.mock('@pega/cosmos-react-core/lib/components/Icon/Icon', () => {\n  // Should probably be using global require here in case createElement or forwardRef are themselves being mocked,\n  // but that requires including @types/node which throws off type checking for tests.\n  const { createElement, forwardRef } = jest.requireActual<typeof import('react')>('react');\n\n  const mod = jest.requireActual<typeof import('@pega/cosmos-react-core/lib/components/Icon/Icon')>(\n    '@pega/cosmos-react-core/lib/components/Icon/Icon'\n  );\n\n  return {\n    __esModule: true,\n    ...mod,\n    default: forwardRef(function IconMock(\n      { name, ...restProps }: PropsWithoutRef<IconProps>,\n      ref: IconProps['ref']\n    ) {\n      return createElement(mod.StyledIcon, {\n        role: 'presentation',\n        ...restProps,\n        'data-icon-name': name,\n        ref\n      });\n    })\n  };\n});\n"]}
+{"version":3,"file":"iconMock.js","sourceRoot":"","sources":["../../src/mocks/iconMock.ts"],"names":[],"mappings":"AAIA,IAAI,CAAC,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;IACjE,gHAAgH;IAChH,oFAAoF;IACpF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,aAAa,CAAyB,OAAO,CAAC,CAAC;IAE1F,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAC5B,kDAAkD,CACnD,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,IAAI;QAChB,GAAG,GAAG;QACN,OAAO,EAAE,UAAU,CAAC,SAAS,QAAQ,CACnC,EAAE,IAAI,EAAE,GAAG,SAAS,EAA8B,EAClD,GAAuB;YAEvB,OAAO,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE;gBACnC,IAAI,EAAE,cAAc;gBACpB,GAAG,SAAS;gBACZ,gBAAgB,EAAE,IAAI;gBACtB,GAAG;aACgD,CAAC,CAAC;QACzD,CAAC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { PropsWithoutRef, Ref } from 'react';\n\nimport type { IconProps } from '@pega/cosmos-react-core';\n\njest.mock('@pega/cosmos-react-core/lib/components/Icon/Icon', () => {\n  // Should probably be using global require here in case createElement or forwardRef are themselves being mocked,\n  // but that requires including @types/node which throws off type checking for tests.\n  const { createElement, forwardRef } = jest.requireActual<typeof import('react')>('react');\n\n  const mod = jest.requireActual<typeof import('@pega/cosmos-react-core/lib/components/Icon/Icon')>(\n    '@pega/cosmos-react-core/lib/components/Icon/Icon'\n  );\n\n  return {\n    __esModule: true,\n    ...mod,\n    default: forwardRef(function IconMock(\n      { name, ...restProps }: PropsWithoutRef<IconProps>,\n      ref: Ref<SVGSVGElement>\n    ) {\n      return createElement(mod.StyledIcon, {\n        role: 'presentation',\n        ...restProps,\n        'data-icon-name': name,\n        ref\n      } as unknown as IconProps & { background: undefined });\n    })\n  };\n});\n"]}

package/lib/utils/utils.d.ts

@@ -1,11 +1,10 @@
-import { ReactElement } from 'react';
-import { type RenderOptions as RTLRenderOptions } from '@testing-library/react';
-import { ConfigurationProps, OmitStrict } from '@pega/cosmos-react-core';
-interface RenderOptions {
-    rtlRenderOptions?: RTLRenderOptions;
-    configurationProps?: OmitStrict<ConfigurationProps, 'children'>;
-}
-export declare const render: (content: ReactElement, options?: RenderOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+import type { ReactElement } from 'react';
+import type { RenderOptions, RenderResult } from '@testing-library/react';
+import type { queries, Queries } from '@testing-library/dom';
+import type { ConfigurationProps, OmitStrict } from '@pega/cosmos-react-core';
+type ProvidersProps = OmitStrict<ConfigurationProps, 'children'>;
+export declare function render(content: ReactElement, options?: OmitStrict<RenderOptions, 'wrapper' | 'queries'>, configurationProps?: ProvidersProps): RenderResult;
+export declare function render<Q extends Queries = typeof queries, Container extends Element | DocumentFragment = HTMLElement, BaseElement extends Element | DocumentFragment = Container>(content: ReactElement, options: OmitStrict<RenderOptions<Q, Container, BaseElement>, 'wrapper'>, configurationProps?: ProvidersProps): RenderResult<Q, Container, BaseElement>;
 export declare const resizeWindow: (x: number, y: number) => void;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAEL,kBAAkB,EAElB,UAAU,EAGX,MAAM,yBAAyB,CAAC;AAEjC,UAAU,aAAa;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,kBAAkB,CAAC,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,MAAM,YAAa,YAAY,YAAW,aAAa,iIAWnE,CAAC;AAEF,eAAO,MAAM,YAAY,MAAO,MAAM,KAAK,MAAM,SAIhD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAS7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE9E,KAAK,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAkBjE,wBAAgB,MAAM,CACpB,OAAO,EAAE,YAAY,EACrB,OAAO,CAAC,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC,EAC1D,kBAAkB,CAAC,EAAE,cAAc,GAClC,YAAY,CAAC;AAEhB,wBAAgB,MAAM,CACpB,CAAC,SAAS,OAAO,GAAG,OAAO,OAAO,EAClC,SAAS,SAAS,OAAO,GAAG,gBAAgB,GAAG,WAAW,EAC1D,WAAW,SAAS,OAAO,GAAG,gBAAgB,GAAG,SAAS,EAE1D,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,EACxE,kBAAkB,CAAC,EAAE,cAAc,GAClC,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAmB3C,eAAO,MAAM,YAAY,MAAO,MAAM,KAAK,MAAM,SAIhD,CAAC"}

package/lib/utils/utils.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render as rtlRender } from '@testing-library/react';
-import { Configuration, ModalManager, PopoverManager, Toaster } from '@pega/cosmos-react-core';
-export const render = (content, options = {}) => {
-    return rtlRender(_jsx(Configuration, { ...options.configurationProps, children: _jsx(PopoverManager, { children: _jsx(Toaster, { dismissAfter: 5000, children: _jsx(ModalManager, { children: content }) }) }) }), options.rtlRenderOptions);
-};
+import { Configuration, LiveLog, ModalManager, PopoverManager, Toaster } from '@pega/cosmos-react-core';
+const Providers = (configurationProps) => ({ children }) => (_jsx(Configuration, { ...configurationProps, children: _jsx(LiveLog, { children: _jsx(PopoverManager, { children: _jsx(Toaster, { dismissAfter: 5000, children: _jsx(ModalManager, { children: children }) }) }) }) }));
+export function render(content, options = {}, configurationProps) {
+    return rtlRender(content, {
+        ...options,
+        wrapper: Providers(configurationProps)
+    });
+}
 export const resizeWindow = (x, y) => {
     window.innerWidth = x;
     window.innerHeight = y;

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,IAAI,SAAS,EAEpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,aAAa,EAEb,YAAY,EAEZ,cAAc,EACd,OAAO,EACR,MAAM,yBAAyB,CAAC;AAOjC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAqB,EAAE,UAAyB,EAAE,EAAE,EAAE;IAC3E,OAAO,SAAS,CACd,KAAC,aAAa,OAAK,OAAO,CAAC,kBAAkB,YAC3C,KAAC,cAAc,cACb,KAAC,OAAO,IAAC,YAAY,EAAE,IAAI,YACzB,KAAC,YAAY,cAAE,OAAO,GAAgB,GAC9B,GACK,GACH,EAChB,OAAO,CAAC,gBAAgB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;IACnD,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import { ReactElement } from 'react';\nimport {\n  render as rtlRender,\n  type RenderOptions as RTLRenderOptions\n} from '@testing-library/react';\n\nimport {\n  Configuration,\n  ConfigurationProps,\n  ModalManager,\n  OmitStrict,\n  PopoverManager,\n  Toaster\n} from '@pega/cosmos-react-core';\n\ninterface RenderOptions {\n  rtlRenderOptions?: RTLRenderOptions;\n  configurationProps?: OmitStrict<ConfigurationProps, 'children'>;\n}\n\nexport const render = (content: ReactElement, options: RenderOptions = {}) => {\n  return rtlRender(\n    <Configuration {...options.configurationProps}>\n      <PopoverManager>\n        <Toaster dismissAfter={5000}>\n          <ModalManager>{content}</ModalManager>\n        </Toaster>\n      </PopoverManager>\n    </Configuration>,\n    options.rtlRenderOptions\n  );\n};\n\nexport const resizeWindow = (x: number, y: number) => {\n  window.innerWidth = x;\n  window.innerHeight = y;\n  window.dispatchEvent(new Event('resize'));\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D,OAAO,EACL,aAAa,EACb,OAAO,EACP,YAAY,EACZ,cAAc,EACd,OAAO,EACR,MAAM,yBAAyB,CAAC;AAKjC,MAAM,SAAS,GACb,CAAC,kBAAmC,EAAE,EAAE,CACxC,CAAC,EAAE,QAAQ,EAA8B,EAAE,EAAE,CAC3C,CACE,KAAC,aAAa,OAAK,kBAAkB,YACnC,KAAC,OAAO,cACN,KAAC,cAAc,cACb,KAAC,OAAO,IAAC,YAAY,EAAE,IAAI,YACzB,KAAC,YAAY,cAAE,QAAQ,GAAgB,GAC/B,GACK,GACT,GACI,CACjB,CAAC;AAmBN,MAAM,UAAU,MAAM,CAKpB,OAAqB,EACrB,UAEsE,EAAE,EACxE,kBAAmC;IAEnC,OAAO,SAAS,CAAC,OAAO,EAAE;QACxB,GAAG,OAAO;QACV,OAAO,EAAE,SAAS,CAAC,kBAAkB,CAAC;KACtB,CAA2D,CAAC;AAChF,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;IACnD,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import type { ReactElement } from 'react';\nimport { render as rtlRender } from '@testing-library/react';\nimport type { RenderOptions, RenderResult } from '@testing-library/react';\nimport type { queries, Queries } from '@testing-library/dom';\n\nimport {\n  Configuration,\n  LiveLog,\n  ModalManager,\n  PopoverManager,\n  Toaster\n} from '@pega/cosmos-react-core';\nimport type { ConfigurationProps, OmitStrict } from '@pega/cosmos-react-core';\n\ntype ProvidersProps = OmitStrict<ConfigurationProps, 'children'>;\n\nconst Providers =\n  (configurationProps?: ProvidersProps) =>\n  ({ children }: { children: ReactElement }) =>\n    (\n      <Configuration {...configurationProps}>\n        <LiveLog>\n          <PopoverManager>\n            <Toaster dismissAfter={5000}>\n              <ModalManager>{children}</ModalManager>\n            </Toaster>\n          </PopoverManager>\n        </LiveLog>\n      </Configuration>\n    );\n\n// Overloads adapted from types for RTL render.\nexport function render(\n  content: ReactElement,\n  options?: OmitStrict<RenderOptions, 'wrapper' | 'queries'>,\n  configurationProps?: ProvidersProps\n): RenderResult;\n\nexport function render<\n  Q extends Queries = typeof queries,\n  Container extends Element | DocumentFragment = HTMLElement,\n  BaseElement extends Element | DocumentFragment = Container\n>(\n  content: ReactElement,\n  options: OmitStrict<RenderOptions<Q, Container, BaseElement>, 'wrapper'>,\n  configurationProps?: ProvidersProps\n): RenderResult<Q, Container, BaseElement>;\n\nexport function render<\n  Q extends Queries = typeof queries,\n  Container extends Element | DocumentFragment = HTMLElement,\n  BaseElement extends Element | DocumentFragment = Container\n>(\n  content: ReactElement,\n  options:\n    | OmitStrict<RenderOptions, 'wrapper' | 'queries'>\n    | OmitStrict<RenderOptions<Q, Container, BaseElement>, 'wrapper'> = {},\n  configurationProps?: ProvidersProps\n) {\n  return rtlRender(content, {\n    ...options,\n    wrapper: Providers(configurationProps)\n  } as RenderOptions) as RenderResult | RenderResult<Q, Container, BaseElement>;\n}\n\nexport const resizeWindow = (x: number, y: number) => {\n  window.innerWidth = x;\n  window.innerHeight = y;\n  window.dispatchEvent(new Event('resize'));\n};\n"]}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@pega/cosmos-react-test-utils",
-  "version": "5.0.0-dev.1.0",
+  "version": "5.0.0-dev.10.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pegasystems/cosmos-react.git",
+    "url": "git+https://github.com/pegasystems/cosmos-react.git",
     "directory": "packages/cosmos-test-utils"
   },
   "license": "SEE LICENSE IN LICENSE",
@@ -15,22 +15,22 @@
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
-    "LICENSE",
     "lib"
   ],
   "scripts": {
-    "build": "tsc -b"
+    "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "5.0.0-dev.1.0",
+    "@pega/cosmos-react-core": "5.0.0-dev.10.0",
+    "@testing-library/dom": "^8.13.0",
     "@testing-library/react": "^12.1.3",
     "@types/jest": "^29.5.1",
-    "@types/react": "^16.14.24 || ^17.0.38",
-    "@types/react-dom": "^16.9.14 || ^17.0.11",
-    "react": "^16.14.0 || ^17.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0"
+    "@types/react": "^17.0.62",
+    "@types/react-dom": "^17.0.20",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "devDependencies": {
-    "typescript": "~5.0.2"
+    "typescript": "~5.2.2"
   }
 }