design-zystem 1.0.328 → 1.0.329
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/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +5 -2
- package/dist/index.mjs +5 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1059,8 +1059,9 @@ interface TooltipProps {
|
|
|
1059
1059
|
width?: string;
|
|
1060
1060
|
height?: string;
|
|
1061
1061
|
direction?: 'top' | 'bottom' | 'left' | 'right';
|
|
1062
|
+
fullWidth?: boolean;
|
|
1062
1063
|
}
|
|
1063
|
-
declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
|
|
1064
|
+
declare const Tooltip: ({ backgroundColor, data, width, height, direction, fullWidth, children, }: TooltipProps) => react.JSX.Element;
|
|
1064
1065
|
|
|
1065
1066
|
interface PaginationProps {
|
|
1066
1067
|
currentPage: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -1059,8 +1059,9 @@ interface TooltipProps {
|
|
|
1059
1059
|
width?: string;
|
|
1060
1060
|
height?: string;
|
|
1061
1061
|
direction?: 'top' | 'bottom' | 'left' | 'right';
|
|
1062
|
+
fullWidth?: boolean;
|
|
1062
1063
|
}
|
|
1063
|
-
declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
|
|
1064
|
+
declare const Tooltip: ({ backgroundColor, data, width, height, direction, fullWidth, children, }: TooltipProps) => react.JSX.Element;
|
|
1064
1065
|
|
|
1065
1066
|
interface PaginationProps {
|
|
1066
1067
|
currentPage: number;
|
package/dist/index.js
CHANGED
|
@@ -1387,7 +1387,8 @@ var import_styled_components12 = __toESM(require("styled-components"));
|
|
|
1387
1387
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1388
1388
|
var StyledTooltipWrapper = import_styled_components12.default.div`
|
|
1389
1389
|
position: relative;
|
|
1390
|
-
display: inline-block;
|
|
1390
|
+
display: ${(props) => props.$fullWidth ? "block" : "inline-block"};
|
|
1391
|
+
width: ${(props) => props.$fullWidth ? "100%" : "auto"};
|
|
1391
1392
|
cursor: pointer;
|
|
1392
1393
|
`;
|
|
1393
1394
|
var StyledTooltipContent = import_styled_components12.default.div`
|
|
@@ -1484,6 +1485,7 @@ var Tooltip = ({
|
|
|
1484
1485
|
width,
|
|
1485
1486
|
height,
|
|
1486
1487
|
direction = "top",
|
|
1488
|
+
fullWidth = false,
|
|
1487
1489
|
children
|
|
1488
1490
|
}) => {
|
|
1489
1491
|
const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
|
|
@@ -1492,6 +1494,7 @@ var Tooltip = ({
|
|
|
1492
1494
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
1493
1495
|
StyledTooltipWrapper,
|
|
1494
1496
|
{
|
|
1497
|
+
$fullWidth: fullWidth,
|
|
1495
1498
|
onMouseEnter: handleMouseEnter,
|
|
1496
1499
|
onMouseLeave: handleMouseLeave,
|
|
1497
1500
|
children: [
|
|
@@ -1739,7 +1742,7 @@ var NewModal = ({
|
|
|
1739
1742
|
children: leftButtonLabel
|
|
1740
1743
|
}
|
|
1741
1744
|
) }),
|
|
1742
|
-
rightButtonLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tooltip, { data: [rightButtonDisabledTooltip], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1745
|
+
rightButtonLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tooltip, { data: [rightButtonDisabledTooltip], fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1743
1746
|
Button,
|
|
1744
1747
|
{
|
|
1745
1748
|
outline: isOutline,
|
package/dist/index.mjs
CHANGED
|
@@ -1244,7 +1244,8 @@ import styled12 from "styled-components";
|
|
|
1244
1244
|
import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1245
1245
|
var StyledTooltipWrapper = styled12.div`
|
|
1246
1246
|
position: relative;
|
|
1247
|
-
display: inline-block;
|
|
1247
|
+
display: ${(props) => props.$fullWidth ? "block" : "inline-block"};
|
|
1248
|
+
width: ${(props) => props.$fullWidth ? "100%" : "auto"};
|
|
1248
1249
|
cursor: pointer;
|
|
1249
1250
|
`;
|
|
1250
1251
|
var StyledTooltipContent = styled12.div`
|
|
@@ -1341,6 +1342,7 @@ var Tooltip = ({
|
|
|
1341
1342
|
width,
|
|
1342
1343
|
height,
|
|
1343
1344
|
direction = "top",
|
|
1345
|
+
fullWidth = false,
|
|
1344
1346
|
children
|
|
1345
1347
|
}) => {
|
|
1346
1348
|
const [isVisible, setIsVisible] = useState2(false);
|
|
@@ -1349,6 +1351,7 @@ var Tooltip = ({
|
|
|
1349
1351
|
return /* @__PURE__ */ jsxs5(
|
|
1350
1352
|
StyledTooltipWrapper,
|
|
1351
1353
|
{
|
|
1354
|
+
$fullWidth: fullWidth,
|
|
1352
1355
|
onMouseEnter: handleMouseEnter,
|
|
1353
1356
|
onMouseLeave: handleMouseLeave,
|
|
1354
1357
|
children: [
|
|
@@ -1596,7 +1599,7 @@ var NewModal = ({
|
|
|
1596
1599
|
children: leftButtonLabel
|
|
1597
1600
|
}
|
|
1598
1601
|
) }),
|
|
1599
|
-
rightButtonLabel && /* @__PURE__ */ jsx16(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ jsx16(Tooltip, { data: [rightButtonDisabledTooltip], children: /* @__PURE__ */ jsx16(
|
|
1602
|
+
rightButtonLabel && /* @__PURE__ */ jsx16(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ jsx16(Tooltip, { data: [rightButtonDisabledTooltip], fullWidth: true, children: /* @__PURE__ */ jsx16(
|
|
1600
1603
|
Button,
|
|
1601
1604
|
{
|
|
1602
1605
|
outline: isOutline,
|