@synerise/ds-popconfirm 0.10.60 → 0.10.61

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.10.61](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@0.10.60...@synerise/ds-popconfirm@0.10.61) (2024-11-22)
+
+
+### Bug Fixes
+
+* **popconfirm:** change fallback style ([ce1dd3a](https://github.com/Synerise/synerise-design/commit/ce1dd3a3e7af1b6c4e3e21352bd3ed0cd8e2a5b9))
+
+
+
+
+
 ## [0.10.60](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@0.10.59...@synerise/ds-popconfirm@0.10.60) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-popconfirm

package/dist/ConfirmMessage/ConfirmMessage.js

@@ -3,18 +3,16 @@ import AntdTooltip from 'antd/lib/tooltip';
 import * as S from './ConfirmMessage.style';
 export var ConfirmMessage = function ConfirmMessage(_ref) {
   var children = _ref.children,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'topLeft' : _ref$placement,
-      title = _ref.title,
-      onClick = _ref.onClick,
-      _ref$displayDuration = _ref.displayDuration,
-      displayDuration = _ref$displayDuration === void 0 ? 5000 : _ref$displayDuration,
-      icon = _ref.icon;
-
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'topLeft' : _ref$placement,
+    title = _ref.title,
+    onClick = _ref.onClick,
+    _ref$displayDuration = _ref.displayDuration,
+    displayDuration = _ref$displayDuration === void 0 ? 5000 : _ref$displayDuration,
+    icon = _ref.icon;
   var _useState = useState(false),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
+    visible = _useState[0],
+    setVisible = _useState[1];
   useEffect(function () {
     var timeout = setTimeout(function () {
       setVisible(false);
@@ -23,11 +21,9 @@ export var ConfirmMessage = function ConfirmMessage(_ref) {
       clearTimeout(timeout);
     };
   }, [visible, displayDuration]);
-
   var showMessage = function showMessage() {
     setVisible(true);
   };
-
   var handleClick = useCallback(function () {
     onClick && onClick(showMessage);
   }, [onClick]);

package/dist/ConfirmMessage/ConfirmMessage.style.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon'; // eslint-disable-next-line import/prefer-default-export
+import { IconContainer } from '@synerise/ds-icon';
 
+// eslint-disable-next-line import/prefer-default-export
 export var Message = styled.div.withConfig({
   displayName: "ConfirmMessagestyle__Message",
   componentId: "sc-6dbwo9-0"

package/dist/Popconfirm.js

@@ -1,9 +1,6 @@
 var _excluded = ["icon", "title", "description", "images", "imagesAutoplay", "imagesAutoplaySpeed", "withLink", "closeIcon", "titlePadding", "onCancel", "cancelButtonProps", "onConfirm", "okButtonProps", "okType", "hideButtons", "cancelText", "okText", "buttonsAlign"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
@@ -11,30 +8,28 @@ import { Carousel } from 'antd';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import * as S from './Popconfirm.styles';
 import ConfirmMessage from './ConfirmMessage/ConfirmMessage';
-
 var Popconfirm = function Popconfirm(_ref) {
   var icon = _ref.icon,
-      title = _ref.title,
-      description = _ref.description,
-      images = _ref.images,
-      imagesAutoplay = _ref.imagesAutoplay,
-      _ref$imagesAutoplaySp = _ref.imagesAutoplaySpeed,
-      imagesAutoplaySpeed = _ref$imagesAutoplaySp === void 0 ? 5000 : _ref$imagesAutoplaySp,
-      withLink = _ref.withLink,
-      closeIcon = _ref.closeIcon,
-      titlePadding = _ref.titlePadding,
-      onCancel = _ref.onCancel,
-      cancelButtonProps = _ref.cancelButtonProps,
-      onConfirm = _ref.onConfirm,
-      okButtonProps = _ref.okButtonProps,
-      _ref$okType = _ref.okType,
-      okType = _ref$okType === void 0 ? 'primary' : _ref$okType,
-      hideButtons = _ref.hideButtons,
-      cancelText = _ref.cancelText,
-      okText = _ref.okText,
-      buttonsAlign = _ref.buttonsAlign,
-      antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    title = _ref.title,
+    description = _ref.description,
+    images = _ref.images,
+    imagesAutoplay = _ref.imagesAutoplay,
+    _ref$imagesAutoplaySp = _ref.imagesAutoplaySpeed,
+    imagesAutoplaySpeed = _ref$imagesAutoplaySp === void 0 ? 5000 : _ref$imagesAutoplaySp,
+    withLink = _ref.withLink,
+    closeIcon = _ref.closeIcon,
+    titlePadding = _ref.titlePadding,
+    onCancel = _ref.onCancel,
+    cancelButtonProps = _ref.cancelButtonProps,
+    onConfirm = _ref.onConfirm,
+    okButtonProps = _ref.okButtonProps,
+    _ref$okType = _ref.okType,
+    okType = _ref$okType === void 0 ? 'primary' : _ref$okType,
+    hideButtons = _ref.hideButtons,
+    cancelText = _ref.cancelText,
+    okText = _ref.okText,
+    buttonsAlign = _ref.buttonsAlign,
+    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var renderImageCarousel = useMemo(function () {
     return (images == null ? void 0 : images.length) && /*#__PURE__*/React.createElement(Carousel, {
       autoplay: imagesAutoplay,
@@ -48,11 +43,9 @@ var Popconfirm = function Popconfirm(_ref) {
     }));
   }, [images, imagesAutoplay, imagesAutoplaySpeed]);
   var popupRef = useRef(null);
-
   var _useState = useState(undefined),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
+    visible = _useState[0],
+    setVisible = _useState[1];
   useOnClickOutside(popupRef, function () {
     setVisible(false);
   });
@@ -99,6 +92,5 @@ var Popconfirm = function Popconfirm(_ref) {
     }), okText)))
   }));
 };
-
 Popconfirm.ConfirmMessage = ConfirmMessage;
 export default Popconfirm;

package/dist/Popconfirm.styles.js

@@ -1,14 +1,11 @@
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import styled from 'styled-components';
 import Popconfirm from 'antd/lib/popconfirm';
 import Button from '@synerise/ds-button';
 export var AntdPopconfirm = styled(function (_ref) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-
   return /*#__PURE__*/React.createElement(Popconfirm, rest);
 }).withConfig({
   displayName: "Popconfirmstyles__AntdPopconfirm",
@@ -70,7 +67,7 @@ export var PopconfirmCloseIcon = styled.div.withConfig({
 export var PopconfirmWrapper = styled.div.withConfig({
   displayName: "Popconfirmstyles__PopconfirmWrapper",
   componentId: "sc-19dzptq-9"
-})(["display:flex;flex-direction:row;"]);
+})(["display:flex;flex-direction:row;width:100%;justify-content:space-between;"]);
 export var PopconfirmContentWrapper = styled.div.withConfig({
   displayName: "Popconfirmstyles__PopconfirmContentWrapper",
   componentId: "sc-19dzptq-10"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popconfirm",
-  "version": "0.10.60",
+  "version": "0.10.61",
   "description": "Popconfirm UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
 }