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.
@@ -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?: boolean;
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%);width:65rem;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%);width:21rem;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%}";
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 = true,
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);else return 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}";