@synerise/ds-popconfirm 1.0.13 → 1.0.15

package/README.md

@@ -18,7 +18,11 @@ yarn add @synerise/ds-popconfirm
 ```javascript
 import Popconfirm from '@synerise/ds-popconfirm';
 
-<Popconfirm title="title" onConfirm={() => alert('confirm')} onCancel={() => alert('cancel')}>
+<Popconfirm
+  title="title"
+  onConfirm={() => alert('confirm')}
+  onCancel={() => alert('cancel')}
+>
   <button>text</button>
 </Popconfirm>;
 ```
@@ -48,6 +52,7 @@ import Popconfirm from '@synerise/ds-popconfirm';
 | hideButtons         | prop to hide buttons                   | React.ReactNode              | -                                    |
 | titlePadding        | prop to set padding                    | boolean                      | `false`                              |
 | buttonsAlign        | Sets footer buttons align              | 'right' / 'left' / undefined | `'right'`                            |
+| staticVisible       | stay open even after click outside     | boolean                      | `false`                              |
 
 # Popcofirm.ConfirmMessage
 

package/dist/ConfirmMessage/ConfirmMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ConfirmMessageProps } from './ConfirmMessage.types';
+import { type ConfirmMessageProps } from './ConfirmMessage.types';
 export declare const ConfirmMessage: ({ children, placement, title, onClick, displayDuration, icon, }: ConfirmMessageProps) => React.JSX.Element;
 export default ConfirmMessage;

package/dist/ConfirmMessage/ConfirmMessage.js

@@ -1,5 +1,5 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import AntdTooltip from 'antd/lib/tooltip';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import * as S from './ConfirmMessage.style';
 export var ConfirmMessage = function ConfirmMessage(_ref) {
   var children = _ref.children,

package/dist/ConfirmMessage/ConfirmMessage.style.js

@@ -1,7 +1,5 @@
 import styled from 'styled-components';
 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/ConfirmMessage/ConfirmMessage.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type ConfirmMessageProps = {
     displayDuration?: number;
     title: string;

package/dist/Popconfirm.d.ts

@@ -1,5 +1,5 @@
 import '@synerise/ds-core/dist/js/style';
+import { type PopconfirmType } from './Popconfirm.types';
 import './style/index.less';
-import { PopconfirmType } from './Popconfirm.types';
 declare const Popconfirm: PopconfirmType;
 export default Popconfirm;

package/dist/Popconfirm.js

@@ -1,14 +1,14 @@
-var _excluded = ["icon", "title", "description", "images", "imagesAutoplay", "imagesAutoplaySpeed", "withLink", "closeIcon", "titlePadding", "onCancel", "cancelButtonProps", "onConfirm", "okButtonProps", "okType", "hideButtons", "cancelText", "okText", "buttonsAlign", "disabled"];
+var _excluded = ["icon", "title", "description", "images", "imagesAutoplay", "imagesAutoplaySpeed", "withLink", "closeIcon", "titlePadding", "onCancel", "cancelButtonProps", "onConfirm", "okButtonProps", "okType", "hideButtons", "cancelText", "okText", "buttonsAlign", "disabled", "staticVisible"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import '@synerise/ds-core/dist/js/style';
-import "./style/index.css";
 import { Carousel } from 'antd';
 import AntdPopconfirm from 'antd/lib/popconfirm';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import '@synerise/ds-core/dist/js/style';
 import { useOnClickOutside } from '@synerise/ds-utils';
-import * as S from './Popconfirm.styles';
 import ConfirmMessage from './ConfirmMessage/ConfirmMessage';
+import * as S from './Popconfirm.styles';
+import "./style/index.css";
 var Popconfirm = function Popconfirm(_ref) {
   var icon = _ref.icon,
     title = _ref.title,
@@ -31,6 +31,7 @@ var Popconfirm = function Popconfirm(_ref) {
     okText = _ref.okText,
     buttonsAlign = _ref.buttonsAlign,
     disabled = _ref.disabled,
+    staticVisible = _ref.staticVisible,
     antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var renderImageCarousel = useMemo(function () {
     return (images == null ? void 0 : images.length) && /*#__PURE__*/React.createElement(Carousel, {
@@ -49,7 +50,13 @@ var Popconfirm = function Popconfirm(_ref) {
     visible = _useState[0],
     setVisible = _useState[1];
   useOnClickOutside(popupRef, function () {
-    setVisible(false);
+    if (staticVisible && visible === undefined) {
+      return setVisible(true);
+    }
+    if (staticVisible && visible === true) {
+      return setVisible(true);
+    }
+    return setVisible(false);
   });
   useEffect(function () {
     if (!visible && antdProps.visible) {
@@ -60,9 +67,10 @@ var Popconfirm = function Popconfirm(_ref) {
     disabled: disabled,
     visible: visible,
     onVisibleChange: function onVisibleChange(isVisible) {
-      if (antdProps.onVisibleChange) {
-        antdProps.onVisibleChange(isVisible);
-      } else if (isVisible !== visible) {
+      if (!staticVisible && isVisible !== visible) {
+        setVisible(isVisible);
+      }
+      if (staticVisible && visible === false) {
         setVisible(isVisible);
       }
     },

package/dist/Popconfirm.types.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, MouseEvent as ReactMouseEvent } from 'react';
-import { PopconfirmProps as AntdPopconfirmProps } from 'antd/lib/popconfirm';
-import { ConfirmMessageProps } from './ConfirmMessage/ConfirmMessage.types';
+import { type PopconfirmProps as AntdPopconfirmProps } from 'antd/lib/popconfirm';
+import { type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+import { type ConfirmMessageProps } from './ConfirmMessage/ConfirmMessage.types';
 export type PopconfirmTexts = Pick<PopconfirmProps, 'okText' | 'description' | 'title' | 'cancelText'>;
 export type PopconfirmProps = Omit<AntdPopconfirmProps, 'okType'> & {
     description?: ReactNode;
@@ -15,6 +15,7 @@ export type PopconfirmProps = Omit<AntdPopconfirmProps, 'okType'> & {
     buttonsAlign?: 'left' | 'right';
     okType?: AntdPopconfirmProps['okType'] | string;
     children?: ReactNode;
+    staticVisible?: boolean;
 };
 export type PopconfirmType = {
     (props: PopconfirmProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popconfirm",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Popconfirm UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.1",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-utils": "^1.3.0"
+    "@synerise/ds-button": "^1.4.3",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-utils": "^1.3.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
 }