@trackunit/react-compound-components 1.7.117 → 1.7.119

package/index.cjs.js

@@ -63,7 +63,7 @@ const setupLibraryTranslations = () => {
  *
  */
 const ConfirmationDialogModal = ({ title, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...modalProps }) => {
-    return (jsxRuntime.jsxs(reactModal.Modal, { ...modalProps, className: "max-w-xl", children: [jsxRuntime.jsx(reactModal.ModalHeader, { heading: title, id: "dialogTitle", onClose: modalProps.close }), jsxRuntime.jsx(reactModal.ModalBody, { id: "dialogDesc", children: message }), jsxRuntime.jsxs(reactModal.ModalFooter, { children: [jsxRuntime.jsx(reactComponents.Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "ghost-neutral", children: secondaryActionLabel }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }));
+    return (jsxRuntime.jsxs(reactModal.Modal, { ...modalProps, className: "max-w-xl", children: [jsxRuntime.jsx(reactModal.ModalHeader, { heading: title, id: "dialogTitle", onClose: modalProps.close }), jsxRuntime.jsx(reactModal.ModalBody, { id: "dialogDesc", children: message }), jsxRuntime.jsxs(reactModal.ModalFooter, { children: [jsxRuntime.jsx(reactComponents.Button, { "data-testid": "secondaryAction", onClick: handleSecondaryActionClick, variant: "ghost-neutral", children: secondaryActionLabel }), jsxRuntime.jsx(reactComponents.Button, { "data-testid": "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }));
 };
 
 /**
@@ -214,7 +214,7 @@ const cvaIconBackground = cssClassVarianceUtilities.cvaMerge(["flex", "h-8", "w-
  * with various states and visual treatments.
  * It is recommended to be primarily used as an input component, as it supports checkboxes, radio buttons and toggles.
  */
-const PreferenceCard = ({ title, description, icon, input, firstTag, secondTag, disabled = false, loading = false, className, dataTestId, children, onClick, }) => {
+const PreferenceCard = ({ title, description, icon, input, firstTag, secondTag, disabled = false, loading = false, className, "data-testid": dataTestId, children, onClick, }) => {
     const handleCardClick = react.useCallback(() => {
         if (!disabled && !loading) {
             if (onClick) {

package/index.esm.js

@@ -61,7 +61,7 @@ const setupLibraryTranslations = () => {
  *
  */
 const ConfirmationDialogModal = ({ title, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...modalProps }) => {
-    return (jsxs(Modal, { ...modalProps, className: "max-w-xl", children: [jsx(ModalHeader, { heading: title, id: "dialogTitle", onClose: modalProps.close }), jsx(ModalBody, { id: "dialogDesc", children: message }), jsxs(ModalFooter, { children: [jsx(Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "ghost-neutral", children: secondaryActionLabel }), jsx(Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }));
+    return (jsxs(Modal, { ...modalProps, className: "max-w-xl", children: [jsx(ModalHeader, { heading: title, id: "dialogTitle", onClose: modalProps.close }), jsx(ModalBody, { id: "dialogDesc", children: message }), jsxs(ModalFooter, { children: [jsx(Button, { "data-testid": "secondaryAction", onClick: handleSecondaryActionClick, variant: "ghost-neutral", children: secondaryActionLabel }), jsx(Button, { "data-testid": "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }));
 };
 
 /**
@@ -212,7 +212,7 @@ const cvaIconBackground = cvaMerge(["flex", "h-8", "w-8", "items-center", "justi
  * with various states and visual treatments.
  * It is recommended to be primarily used as an input component, as it supports checkboxes, radio buttons and toggles.
  */
-const PreferenceCard = ({ title, description, icon, input, firstTag, secondTag, disabled = false, loading = false, className, dataTestId, children, onClick, }) => {
+const PreferenceCard = ({ title, description, icon, input, firstTag, secondTag, disabled = false, loading = false, className, "data-testid": dataTestId, children, onClick, }) => {
     const handleCardClick = useCallback(() => {
         if (!disabled && !loading) {
             if (onClick) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "1.7.117",
+  "version": "1.7.119",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,15 +9,15 @@
   "dependencies": {
     "react": "19.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/react-core-hooks": "1.7.88",
-    "@trackunit/react-components": "1.10.49",
-    "@trackunit/react-modal": "1.8.110",
-    "@trackunit/css-class-variance-utilities": "1.7.75",
-    "@trackunit/react-form-components": "1.8.116",
-    "@trackunit/i18n-library-translation": "1.7.92",
-    "@trackunit/shared-utils": "1.9.75",
-    "@trackunit/ui-icons": "1.7.76",
-    "@trackunit/iris-app-runtime-core-api": "1.7.84"
+    "@trackunit/react-core-hooks": "1.7.90",
+    "@trackunit/react-components": "1.10.51",
+    "@trackunit/react-modal": "1.8.112",
+    "@trackunit/css-class-variance-utilities": "1.7.77",
+    "@trackunit/react-form-components": "1.8.118",
+    "@trackunit/i18n-library-translation": "1.7.94",
+    "@trackunit/shared-utils": "1.9.77",
+    "@trackunit/ui-icons": "1.7.78",
+    "@trackunit/iris-app-runtime-core-api": "1.7.86"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/PreferenceCard/PreferenceCard.d.ts

@@ -69,4 +69,4 @@ export interface PreferenceCardProps extends CommonProps, MappedOmit<VariantProp
  * with various states and visual treatments.
  * It is recommended to be primarily used as an input component, as it supports checkboxes, radio buttons and toggles.
  */
-export declare const PreferenceCard: ({ title, description, icon, input, firstTag, secondTag, disabled, loading, className, dataTestId, children, onClick, }: PreferenceCardProps) => ReactNode;
+export declare const PreferenceCard: ({ title, description, icon, input, firstTag, secondTag, disabled, loading, className, "data-testid": dataTestId, children, onClick, }: PreferenceCardProps) => ReactNode;

package/src/PreferenceCard/PreferenceCard.stories.d.ts

@@ -3,7 +3,7 @@ import { ReactElement } from "react";
 import { PreferenceCardProps } from "./PreferenceCard";
 declare const meta: {
     title: string;
-    component: ({ title, description, icon, input, firstTag, secondTag, disabled, loading, className, dataTestId, children, onClick, }: PreferenceCardProps) => import("react").ReactNode;
+    component: ({ title, description, icon, input, firstTag, secondTag, disabled, loading, className, "data-testid": dataTestId, children, onClick, }: PreferenceCardProps) => import("react").ReactNode;
     args: {};
     tags: string[];
     parameters: {

package/src/PreferenceCard/PreferenceCardGroup.d.ts

@@ -34,4 +34,4 @@ export interface PreferenceCardGroupProps extends CommonProps {
 /**
  * PreferenceCardGroup allows multiple PreferenceCards to work together as a group.
  */
-export declare const PreferenceCardGroup: ({ cards, selectedValue, onSelectionChange, groupId, isRadioMode, disabled, loading, dataTestId, }: PreferenceCardGroupProps) => ReactNode;
+export declare const PreferenceCardGroup: ({ cards, selectedValue, onSelectionChange, groupId, isRadioMode, disabled, loading, "data-testid": dataTestId, }: PreferenceCardGroupProps) => ReactNode;