@hexure/ui 1.13.90 → 1.13.91
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/cjs/index.js +8 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +8 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2760,13 +2760,13 @@ const Tooltip = ({ children, position = 'right-top', width = '240px', trigger, d
|
|
|
2760
2760
|
}
|
|
2761
2761
|
|
|
2762
2762
|
`),
|
|
2763
|
-
React.createElement(StyledAnchor, { "data-itemid": `${baseId}-icon-wrapper`, "data-tooltip-
|
|
2763
|
+
React.createElement(StyledAnchor, { "data-itemid": `${baseId}-icon-wrapper`, "data-tooltip-id": 'auto-tooltip-data-html' }, trigger || React.createElement(StyledIcon$6, { "data-itemid": `${baseId}-icon`, path: js.mdiInformationOutline })),
|
|
2764
2764
|
React.createElement(TooltipPortal, null,
|
|
2765
|
-
React.createElement(M, { className: 'custom-tooltip', classNameArrow: 'custom-tooltip-arrow', "data-itemid": `${baseId}-content`, id: 'auto-tooltip-data-html' }))));
|
|
2765
|
+
React.createElement(M, { className: 'custom-tooltip', classNameArrow: 'custom-tooltip-arrow', "data-itemid": `${baseId}-content`, id: 'auto-tooltip-data-html', render: () => React.createElement("p", { "data-itemid": `${baseId}-text` }, children) }))));
|
|
2766
2766
|
}
|
|
2767
2767
|
return (React.createElement(Wrapper$h, { "$height": height, "data-itemid": `${baseId}-wrapper`, onMouseEnter: toggleContent.bind(null, true), onMouseLeave: toggleContent.bind(null, false) },
|
|
2768
2768
|
trigger || React.createElement(StyledIcon$6, { "data-itemid": `${baseId}-icon`, path: js.mdiInformationOutline }),
|
|
2769
|
-
show_content ? (React.createElement(Content$3, { "$position": position, "$width": width, "data-itemid": `${baseId}-content` }, children && (React.createElement(Copy, { "data-itemid": `${baseId}-
|
|
2769
|
+
show_content ? (React.createElement(Content$3, { "$position": position, "$width": width, "data-itemid": `${baseId}-content` }, children && (React.createElement(Copy, { "data-itemid": `${baseId}-text`, type: 'small' }, children)))) : null));
|
|
2770
2770
|
};
|
|
2771
2771
|
const TooltipPortal = ({ children }) => {
|
|
2772
2772
|
const [container, setContainer] = React.useState();
|
|
@@ -5702,6 +5702,7 @@ const ButtonContainer = styled.div `
|
|
|
5702
5702
|
margin: 0 10px;
|
|
5703
5703
|
`;
|
|
5704
5704
|
const Modal = (_a) => {
|
|
5705
|
+
var _b, _c, _d, _e;
|
|
5705
5706
|
var { children, title, onClose, maxWidth, fullscreen, steps, primaryButton, secondaryButton, tertiaryButton, quarternaryButton, dataItemid, modalStyle, headerStyle, headerTitleStyle } = _a, accessibleProps = __rest(_a, ["children", "title", "onClose", "maxWidth", "fullscreen", "steps", "primaryButton", "secondaryButton", "tertiaryButton", "quarternaryButton", "dataItemid", "modalStyle", "headerStyle", "headerTitleStyle"]);
|
|
5706
5707
|
React.useEffect(() => {
|
|
5707
5708
|
document.onkeydown = e => {
|
|
@@ -5730,9 +5731,9 @@ const Modal = (_a) => {
|
|
|
5730
5731
|
display: 'flex',
|
|
5731
5732
|
alignItems: 'center',
|
|
5732
5733
|
} },
|
|
5733
|
-
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, {
|
|
5734
|
+
tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { dataItemid: (_b = tertiaryButton.dataItemid) !== null && _b !== void 0 ? _b : tertiaryButton.children, format: tertiaryButton.format || 'secondary' }))) : null,
|
|
5734
5735
|
quarternaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-quarternary-button-container` },
|
|
5735
|
-
React.createElement(Button, Object.assign({}, quarternaryButton, {
|
|
5736
|
+
React.createElement(Button, Object.assign({}, quarternaryButton, { dataItemid: (_c = quarternaryButton.dataItemid) !== null && _c !== void 0 ? _c : quarternaryButton.children, format: quarternaryButton.format || 'secondary' })))) : null)) : null,
|
|
5736
5737
|
primaryButton || secondaryButton ? (React.createElement("div", { "data-itemid": `${baseId}-right-buttons`, style: {
|
|
5737
5738
|
marginLeft: 'auto',
|
|
5738
5739
|
paddingLeft: 40,
|
|
@@ -5740,8 +5741,8 @@ const Modal = (_a) => {
|
|
|
5740
5741
|
alignItems: 'center',
|
|
5741
5742
|
} },
|
|
5742
5743
|
secondaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-secondary-button-container` },
|
|
5743
|
-
React.createElement(Button, Object.assign({}, secondaryButton, {
|
|
5744
|
-
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, {
|
|
5744
|
+
React.createElement(Button, Object.assign({}, secondaryButton, { dataItemid: (_d = secondaryButton.dataItemid) !== null && _d !== void 0 ? _d : secondaryButton.children, format: secondaryButton.format || 'secondary' })))) : null,
|
|
5745
|
+
primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { dataItemid: (_e = primaryButton.dataItemid) !== null && _e !== void 0 ? _e : primaryButton.children, format: primaryButton.format || 'primary' }))) : null)) : null)) : null)));
|
|
5745
5746
|
};
|
|
5746
5747
|
|
|
5747
5748
|
const Wrapper$5 = styled.div `
|