@trackunit/react-components 0.3.10 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +2 -4
- package/index.esm.js +2 -4
- package/package.json +1 -1
- package/src/components/Indicator/Indicator.d.ts +1 -1
package/index.cjs.js
CHANGED
|
@@ -1504,9 +1504,7 @@ const Breadcrumb = ({ className, dataTestId, breadcrumbItems, back }) => {
|
|
|
1504
1504
|
* @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
|
|
1505
1505
|
*/
|
|
1506
1506
|
const BreadcrumbContainer = ({ dataTestId, breadcrumbItems }) => {
|
|
1507
|
-
const {
|
|
1508
|
-
const isMediumScreen = width <= 1024;
|
|
1509
|
-
const isSmallScreen = width <= 480;
|
|
1507
|
+
const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportSize();
|
|
1510
1508
|
if (isSmallScreen) {
|
|
1511
1509
|
return jsxRuntime.jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, dataTestId: `smallScreen-${dataTestId}` });
|
|
1512
1510
|
}
|
|
@@ -4118,7 +4116,7 @@ const MenuItem = ({ className, dataTestId, label, size, children, selected, pref
|
|
|
4118
4116
|
}), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "menu-item", id: id, onClick: e => {
|
|
4119
4117
|
stopPropagation && e.stopPropagation();
|
|
4120
4118
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
4121
|
-
}, tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0, children: [prefix ? (jsxRuntime.jsx("div", { className: cvaMenuItemPrefix({ selected }), "data-testid": dataTestId ? `${dataTestId}-prefix` : null, children: prefix })) : null, children && typeof children !== "string" ? (children) : (jsxRuntime.jsx("div", { className: cvaMenuItemLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : null, children: children !== null && children !== void 0 ? children : label })), suffix ? (jsxRuntime.jsx("div", { className: cvaMenuItemSuffix({ selected }), "data-testid": dataTestId ? `${dataTestId}-suffix` : null, children: suffix })) : null] }));
|
|
4119
|
+
}, role: "menuitem", tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0, children: [prefix ? (jsxRuntime.jsx("div", { className: cvaMenuItemPrefix({ selected }), "data-testid": dataTestId ? `${dataTestId}-prefix` : null, children: prefix })) : null, children && typeof children !== "string" ? (children) : (jsxRuntime.jsx("div", { className: cvaMenuItemLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : null, children: children !== null && children !== void 0 ? children : label })), suffix ? (jsxRuntime.jsx("div", { className: cvaMenuItemSuffix({ selected }), "data-testid": dataTestId ? `${dataTestId}-suffix` : null, children: suffix })) : null] }));
|
|
4122
4120
|
};
|
|
4123
4121
|
|
|
4124
4122
|
const cvaMenuList = cssClassVarianceUtilities.cvaMerge(["shadow-md", "rounded-lg", "z-popover", "bg-white", "border", "border-slate-300", "grid"], {
|
package/index.esm.js
CHANGED
|
@@ -1484,9 +1484,7 @@ const Breadcrumb = ({ className, dataTestId, breadcrumbItems, back }) => {
|
|
|
1484
1484
|
* @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
|
|
1485
1485
|
*/
|
|
1486
1486
|
const BreadcrumbContainer = ({ dataTestId, breadcrumbItems }) => {
|
|
1487
|
-
const {
|
|
1488
|
-
const isMediumScreen = width <= 1024;
|
|
1489
|
-
const isSmallScreen = width <= 480;
|
|
1487
|
+
const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportSize();
|
|
1490
1488
|
if (isSmallScreen) {
|
|
1491
1489
|
return jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, dataTestId: `smallScreen-${dataTestId}` });
|
|
1492
1490
|
}
|
|
@@ -4098,7 +4096,7 @@ const MenuItem = ({ className, dataTestId, label, size, children, selected, pref
|
|
|
4098
4096
|
}), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "menu-item", id: id, onClick: e => {
|
|
4099
4097
|
stopPropagation && e.stopPropagation();
|
|
4100
4098
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
4101
|
-
}, tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0, children: [prefix ? (jsx("div", { className: cvaMenuItemPrefix({ selected }), "data-testid": dataTestId ? `${dataTestId}-prefix` : null, children: prefix })) : null, children && typeof children !== "string" ? (children) : (jsx("div", { className: cvaMenuItemLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : null, children: children !== null && children !== void 0 ? children : label })), suffix ? (jsx("div", { className: cvaMenuItemSuffix({ selected }), "data-testid": dataTestId ? `${dataTestId}-suffix` : null, children: suffix })) : null] }));
|
|
4099
|
+
}, role: "menuitem", tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0, children: [prefix ? (jsx("div", { className: cvaMenuItemPrefix({ selected }), "data-testid": dataTestId ? `${dataTestId}-prefix` : null, children: prefix })) : null, children && typeof children !== "string" ? (children) : (jsx("div", { className: cvaMenuItemLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : null, children: children !== null && children !== void 0 ? children : label })), suffix ? (jsx("div", { className: cvaMenuItemSuffix({ selected }), "data-testid": dataTestId ? `${dataTestId}-suffix` : null, children: suffix })) : null] }));
|
|
4102
4100
|
};
|
|
4103
4101
|
|
|
4104
4102
|
const cvaMenuList = cvaMerge(["shadow-md", "rounded-lg", "z-popover", "bg-white", "border", "border-slate-300", "grid"], {
|
package/package.json
CHANGED