odaptos_design_system 1.4.25 → 1.4.27
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/Modal/Modal.d.ts +2 -1
- package/dist/Tooltip/Tooltip.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +15 -7
- 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 -7
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Modal/Modal.modules.scss +0 -2
- package/src/Modal/Modal.tsx +10 -2
- package/src/Tooltip/Tooltip.tsx +5 -4
package/dist/Modal/Modal.d.ts
CHANGED
|
@@ -12,9 +12,10 @@ interface ModalProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
onPressEnter?: () => void;
|
|
14
14
|
onConfirm?: () => void;
|
|
15
|
+
width?: string;
|
|
15
16
|
}
|
|
16
17
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
17
18
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
18
19
|
*/
|
|
19
|
-
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, disabled, validationText, onPressEnter, onConfirm, }: ModalProps) => React.JSX.Element;
|
|
20
|
+
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, disabled, validationText, onPressEnter, onConfirm, width, }: ModalProps) => React.JSX.Element;
|
|
20
21
|
export {};
|
|
@@ -19,7 +19,7 @@ interface TooltipProps {
|
|
|
19
19
|
buttonTwoOnClick?: () => void;
|
|
20
20
|
arrow?: boolean;
|
|
21
21
|
followCursor?: boolean;
|
|
22
|
-
shouldBeOpen?:
|
|
22
|
+
shouldBeOpen?: undefined | false;
|
|
23
23
|
children: JSX.Element;
|
|
24
24
|
}
|
|
25
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;
|
|
@@ -4844,7 +4844,7 @@ const Title = ({
|
|
|
4844
4844
|
}
|
|
4845
4845
|
};
|
|
4846
4846
|
|
|
4847
|
-
var css_248z$c = ".Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);
|
|
4847
|
+
var css_248z$c = ".Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
|
|
4848
4848
|
var styles$c = {"modal":"Modal-modules_modal__M6coU","modal_content":"Modal-modules_modal_content__kI5NN","modal_header":"Modal-modules_modal_header__bLwe9","modal_buttons_container":"Modal-modules_modal_buttons_container__VIykY","modal_overlay":"Modal-modules_modal_overlay__sU-UF"};
|
|
4849
4849
|
styleInject(css_248z$c);
|
|
4850
4850
|
|
|
@@ -4863,7 +4863,8 @@ const Modal = ({
|
|
|
4863
4863
|
disabled,
|
|
4864
4864
|
validationText,
|
|
4865
4865
|
onPressEnter,
|
|
4866
|
-
onConfirm
|
|
4866
|
+
onConfirm,
|
|
4867
|
+
width
|
|
4867
4868
|
}) => {
|
|
4868
4869
|
React.useEffect(() => {
|
|
4869
4870
|
const handleKeyDown = e => {
|
|
@@ -4889,7 +4890,10 @@ const Modal = ({
|
|
|
4889
4890
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
4890
4891
|
in: open
|
|
4891
4892
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4892
|
-
className: styles$c.modal_content
|
|
4893
|
+
className: styles$c.modal_content,
|
|
4894
|
+
style: {
|
|
4895
|
+
width: width ?? '21rem'
|
|
4896
|
+
}
|
|
4893
4897
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4894
4898
|
className: `${styles$c.modal_header}`
|
|
4895
4899
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -4924,7 +4928,10 @@ const Modal = ({
|
|
|
4924
4928
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
4925
4929
|
in: open
|
|
4926
4930
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4927
|
-
className: styles$c.modal_content
|
|
4931
|
+
className: styles$c.modal_content,
|
|
4932
|
+
style: {
|
|
4933
|
+
width: width ?? '65rem'
|
|
4934
|
+
}
|
|
4928
4935
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4929
4936
|
className: `${styles$c.modal_header}`
|
|
4930
4937
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -5527,7 +5534,7 @@ const Tooltip = ({
|
|
|
5527
5534
|
buttonTwoOnClick,
|
|
5528
5535
|
arrow,
|
|
5529
5536
|
followCursor,
|
|
5530
|
-
shouldBeOpen =
|
|
5537
|
+
shouldBeOpen = undefined,
|
|
5531
5538
|
children
|
|
5532
5539
|
}) => {
|
|
5533
5540
|
const [open, setOpen] = React.useState(false);
|
|
@@ -5539,7 +5546,7 @@ const Tooltip = ({
|
|
|
5539
5546
|
setOpen(true);
|
|
5540
5547
|
onOpen && onOpen();
|
|
5541
5548
|
};
|
|
5542
|
-
if (shouldBeOpen) return /*#__PURE__*/React__default.createElement(StyledTooltip, {
|
|
5549
|
+
if (shouldBeOpen === undefined) return /*#__PURE__*/React__default.createElement(StyledTooltip, {
|
|
5543
5550
|
open: open,
|
|
5544
5551
|
placement: placement,
|
|
5545
5552
|
onClose: handleClose,
|
|
@@ -5575,7 +5582,8 @@ const Tooltip = ({
|
|
|
5575
5582
|
}),
|
|
5576
5583
|
arrow: arrow,
|
|
5577
5584
|
followCursor: followCursor
|
|
5578
|
-
}, children);
|
|
5585
|
+
}, children);
|
|
5586
|
+
if (shouldBeOpen === false) return children;else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
5579
5587
|
};
|
|
5580
5588
|
|
|
5581
5589
|
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}";
|