odaptos_design_system 1.4.21 → 1.4.22
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/Tooltip/Tooltip.d.ts +3 -2
- package/dist/index.d.ts +4 -0
- package/dist/odaptos_design_system.cjs.development.js +18 -10
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +15 -11
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Icons/Miscellaneous/FillRecordIcon.tsx +9 -7
- package/src/SingleSelect/SingleSelect.tsx +1 -1
- package/src/Tooltip/Tooltip.tsx +47 -42
- package/src/index.ts +4 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
interface TooltipProps {
|
|
3
3
|
placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
|
|
4
4
|
onOpen?: () => void;
|
|
@@ -19,7 +19,8 @@ interface TooltipProps {
|
|
|
19
19
|
buttonTwoOnClick?: () => void;
|
|
20
20
|
arrow?: boolean;
|
|
21
21
|
followCursor?: boolean;
|
|
22
|
+
shouldBeOpen?: boolean;
|
|
22
23
|
children: JSX.Element;
|
|
23
24
|
}
|
|
24
|
-
export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, children, }: TooltipProps) =>
|
|
25
|
+
export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, shouldBeOpen, children, }: TooltipProps) => JSX.Element;
|
|
25
26
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -17,6 +17,10 @@ export * from './Radio/Radio';
|
|
|
17
17
|
export * from './Step/Step';
|
|
18
18
|
export * from './Switch/Switch';
|
|
19
19
|
export * from './Table/index';
|
|
20
|
+
export * from './Table/header';
|
|
21
|
+
export * from './Table/rows';
|
|
22
|
+
export * from './Table/table-cell';
|
|
23
|
+
export * from './Table/TableFooter';
|
|
20
24
|
export * from './Tabs/Tabs';
|
|
21
25
|
export * from './Tabs/TabsUnderLine';
|
|
22
26
|
export * from './Textarea/Textarea';
|
|
@@ -3258,13 +3258,15 @@ function FillRecordIcon({
|
|
|
3258
3258
|
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
3259
3259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3260
3260
|
width: "24",
|
|
3261
|
-
height: "
|
|
3262
|
-
viewBox: "0 0 24
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3261
|
+
height: "21",
|
|
3262
|
+
viewBox: "0 0 24 21",
|
|
3263
|
+
fill: "none"
|
|
3264
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
3265
|
+
"fill-rule": "evenodd",
|
|
3266
|
+
"clip-rule": "evenodd",
|
|
3267
|
+
d: "M22.9813 2.24C22.9813 3.47712 21.9785 4.48 20.7413 4.48C20.5549 4.48 20.3738 4.45722 20.2006 4.4143L16.8905 8.55173C17.1065 8.89615 17.2313 9.30349 17.2313 9.74C17.2313 10.9771 16.2285 11.98 14.9913 11.98C13.7542 11.98 12.7513 10.9771 12.7513 9.74C12.7513 9.67877 12.7538 9.61812 12.7586 9.55814L9.87221 8.27554C9.46372 8.70923 8.88415 8.98 8.24134 8.98C7.6972 8.98 7.19838 8.78598 6.81028 8.46335L1.12264 11.8756C0.771624 12.0862 0.316355 11.9723 0.105767 11.6213C-0.0856758 11.3022 -0.00899678 10.8969 0.270251 10.6677L0.360037 10.6044L6.04708 7.19257C6.01709 7.0464 6.00134 6.89504 6.00134 6.74C6.00134 5.50288 7.00422 4.5 8.24134 4.5C9.47846 4.5 10.4813 5.50288 10.4813 6.74C10.4813 6.8009 10.4789 6.86122 10.4741 6.92089L13.3611 8.20376C13.7696 7.77047 14.3489 7.5 14.9913 7.5C15.2513 7.5 15.5009 7.54428 15.733 7.62571L18.9576 3.59515C18.6713 3.21889 18.5013 2.74929 18.5013 2.24C18.5013 1.00288 19.5042 0 20.7413 0C21.9785 0 22.9813 1.00288 22.9813 2.24ZM19.525 13.4564C19.5094 13.3499 19.5013 13.2409 19.5013 13.13C19.5013 11.8929 20.5042 10.89 21.7413 10.89C22.9785 10.89 23.9813 11.8929 23.9813 13.13C23.9813 14.3671 22.9785 15.37 21.7413 15.37C21.1513 15.37 20.6146 15.1419 20.2145 14.7691L16.4493 16.8606C16.4704 16.9839 16.4813 17.1107 16.4813 17.24C16.4813 18.4771 15.4785 19.48 14.2413 19.48C13.264 19.48 12.4328 18.8541 12.1269 17.9812H8.85581C8.54986 18.8541 7.7187 19.48 6.74134 19.48C6.13526 19.48 5.5854 19.2393 5.18214 18.8483L1.0728 20.9029C0.706678 21.086 0.261473 20.9376 0.0784104 20.5715C-0.089397 20.2358 0.0213176 19.8338 0.322945 19.6281L0.409875 19.5771L4.51898 17.5225C4.50734 17.43 4.50134 17.3357 4.50134 17.24C4.50134 16.0029 5.50422 15 6.74134 15C7.7187 15 8.54986 15.6259 8.85581 16.4988H12.1269C12.4328 15.6259 13.264 15 14.2413 15C14.8122 15 15.3332 15.2136 15.7288 15.5651L19.525 13.4564Z",
|
|
3268
|
+
fill: fill
|
|
3269
|
+
})));
|
|
3268
3270
|
}
|
|
3269
3271
|
|
|
3270
3272
|
function FolderIcon({
|
|
@@ -4302,7 +4304,8 @@ const SingleSelect = ({
|
|
|
4302
4304
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
4303
4305
|
key: option.value
|
|
4304
4306
|
}), /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
4305
|
-
text: option.label
|
|
4307
|
+
text: option.label,
|
|
4308
|
+
size: "sm"
|
|
4306
4309
|
}));
|
|
4307
4310
|
}
|
|
4308
4311
|
}, props)), errorText && /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -5524,6 +5527,7 @@ const Tooltip = ({
|
|
|
5524
5527
|
buttonTwoOnClick,
|
|
5525
5528
|
arrow,
|
|
5526
5529
|
followCursor,
|
|
5530
|
+
shouldBeOpen = true,
|
|
5527
5531
|
children
|
|
5528
5532
|
}) => {
|
|
5529
5533
|
const [open, setOpen] = React.useState(false);
|
|
@@ -5535,7 +5539,7 @@ const Tooltip = ({
|
|
|
5535
5539
|
setOpen(true);
|
|
5536
5540
|
onOpen && onOpen();
|
|
5537
5541
|
};
|
|
5538
|
-
return /*#__PURE__*/React__default.createElement(StyledTooltip, {
|
|
5542
|
+
if (shouldBeOpen) return /*#__PURE__*/React__default.createElement(StyledTooltip, {
|
|
5539
5543
|
open: open,
|
|
5540
5544
|
placement: placement,
|
|
5541
5545
|
onClose: handleClose,
|
|
@@ -5571,7 +5575,7 @@ const Tooltip = ({
|
|
|
5571
5575
|
}),
|
|
5572
5576
|
arrow: arrow,
|
|
5573
5577
|
followCursor: followCursor
|
|
5574
|
-
}, children);
|
|
5578
|
+
}, children);else return children;
|
|
5575
5579
|
};
|
|
5576
5580
|
|
|
5577
5581
|
var css_248z$m = ".header-modules_table_header__tWpCj{align-items:center;align-self:stretch;background:var(--color-neutral-background,#f9fafc);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.375rem .375rem 0 0;display:flex;height:3.5rem;padding:0 .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3 svg{fill:#000;height:.75rem;width:.75rem}";
|
|
@@ -6791,6 +6795,10 @@ exports.StartInterview = StartInterview;
|
|
|
6791
6795
|
exports.Step = Step;
|
|
6792
6796
|
exports.Switch = Switch;
|
|
6793
6797
|
exports.Table = Table;
|
|
6798
|
+
exports.TableCell = TableCell;
|
|
6799
|
+
exports.TableFooter = TableFooter;
|
|
6800
|
+
exports.TableHeader = TableHeader;
|
|
6801
|
+
exports.TableRows = TableRows;
|
|
6794
6802
|
exports.Tabs = Tabs;
|
|
6795
6803
|
exports.TabsUnderline = TabsUnderline;
|
|
6796
6804
|
exports.Tag = Tag;
|