@papillonarts/components 0.46.2 → 0.47.0

package/build/Modern/AvatarStack/AvatarStack.d.ts

@@ -9,6 +9,7 @@ export interface AvatarStackProps {
     className?: string;
     children: ReactNode;
     style?: CSSProperties;
+    'data-testid'?: string;
 }
-export declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, }: AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AvatarStack.d.ts.map

package/build/Modern/AvatarStack/AvatarStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/Modern/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAGb,SAAS,EAOV,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAiBlE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AA8BD,eAAO,MAAM,WAAW,GAAI,kFASzB,gBAAgB,4CAkHlB,CAAA"}
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/Modern/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAGb,SAAS,EAOV,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAiBlE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA+BD,eAAO,MAAM,WAAW,GAAI,6GAUzB,gBAAgB,4CAmHlB,CAAA"}

package/build/Modern/AvatarStack/AvatarStack.js

@@ -33,6 +33,7 @@ var AvatarStackBody = function AvatarStackBody(_ref) {
     children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-disable-expand": disableExpand ? '' : undefined,
+    "data-testid": "avatar-stack-body",
     className: (0, _clsx.clsx)({
       'pc-AvatarStack--disableExpand': disableExpand
     }, 'pc-AvatarStackBody', _AvatarStackModule["default"].AvatarStackBody),
@@ -51,7 +52,8 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
     disableExpand = _ref2.disableExpand,
     size = _ref2.size,
     className = _ref2.className,
-    style = _ref2.style;
+    style = _ref2.style,
+    dataTestId = _ref2['data-testid'];
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     hasInteractiveChildren = _useState2[0],
@@ -136,6 +138,7 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
     "data-avatar-count": count > 3 ? '3+' : count,
     "data-align-right": alignRight ? '' : undefined,
     "data-responsive": !size || (0, _useResponsiveValue.isResponsiveValue)(size) ? '' : undefined,
+    "data-testid": dataTestId,
     className: (0, _clsx.clsx)({
       'pc-AvatarStack--variant': variant,
       'pc-AvatarStack--shape': shape,

package/build/Modern/index.d.ts

@@ -16,7 +16,7 @@ export declare const Modern: {
         } & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
     };
     AvatarStack: {
-        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, }: import("./AvatarStack").AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
+        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: import("./AvatarStack").AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
     };
     Flash: {
         Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;

package/build/Modern/utils/testing.d.ts

@@ -1,2 +1,3 @@
+import '@testing-library/jest-dom';
 export declare function implementsClassName(Component: React.ElementType, baseClassName?: string): void;
 //# sourceMappingURL=testing.d.ts.map

package/build/Modern/utils/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/testing.tsx"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,MAAM,QAcvF"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/testing.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA;AAGlC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,MAAM,QAavF"}

package/build/Modern/utils/testing.js

@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.implementsClassName = implementsClassName;
+require("@testing-library/jest-dom");
 var _react = require("@testing-library/react");
 var _jsxRuntime = require("react/jsx-runtime");
-/* eslint-disable jest/no-export, jest/no-conditional-expect, testing-library/render-result-naming-convention, testing-library/no-container, testing-library/no-node-access */
+/* eslint-disable jest/no-export, jest/no-conditional-expect */
 
 function implementsClassName(Component, baseClassName) {
   test('renders with the custom className', function () {
-    var component = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      className: "test-class"
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      className: "test-class",
+      "data-testid": "className-test"
     }));
+    var element = _react.screen.getByTestId('className-test');
+    expect(element).toBeInTheDocument();
     if (baseClassName) {
-      var _component$container$;
-      // account for elements rendering in root portals
-      var baseElement = (_component$container$ = component.container.parentElement) === null || _component$container$ === void 0 ? void 0 : _component$container$.getElementsByClassName(baseClassName);
-      expect(baseElement).toHaveLength(1);
-      expect(baseElement === null || baseElement === void 0 ? void 0 : baseElement[0].classList.contains('test-class')).toBeTruthy();
+      expect(element).toHaveClass(baseClassName);
+      expect(element).toHaveClass('test-class');
     } else {
-      var _component$container$2;
-      // account for elements rendering in root portals
-      var classNameElement = (_component$container$2 = component.container.parentElement) === null || _component$container$2 === void 0 ? void 0 : _component$container$2.getElementsByClassName('test-class');
-      expect(classNameElement).toHaveLength(1);
+      expect(element).toHaveClass('test-class');
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.46.2",
+  "version": "0.47.0",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.46.0",
-    "@papillonarts/library": "^0.46.0"
+    "@papillonarts/css": "^0.47.0",
+    "@papillonarts/library": "^0.47.0"
   },
-  "gitHead": "c8cfffdc5d45b31bb56555243bcc588345bfad35"
+  "gitHead": "f20d5b829e4573219ba074cd52804fa474505333"
 }