@synerise/ds-popconfirm 0.10.55 → 0.10.57

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.10.57](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@0.10.56...@synerise/ds-popconfirm@0.10.57) (2024-10-29)
+
+**Note:** Version bump only for package @synerise/ds-popconfirm
+
+
+
+
+
+## [0.10.56](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@0.10.55...@synerise/ds-popconfirm@0.10.56) (2024-10-28)
+
+
+### Bug Fixes
+
+* **storybook7:** added popconfirm stories ([73b98df](https://github.com/Synerise/synerise-design/commit/73b98dfba801b9d8fd14ee45c92adb761a04241e))
+
+
+
+
+
 ## [0.10.55](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@0.10.54...@synerise/ds-popconfirm@0.10.55) (2024-10-23)
 
 **Note:** Version bump only for package @synerise/ds-popconfirm

package/dist/ConfirmMessage/ConfirmMessage.d.ts

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

package/dist/ConfirmMessage/ConfirmMessage.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import AntdTooltip from 'antd/lib/tooltip';
 import * as S from './ConfirmMessage.style';
 export var ConfirmMessage = function ConfirmMessage(_ref) {
@@ -11,11 +11,11 @@ export var ConfirmMessage = function ConfirmMessage(_ref) {
       displayDuration = _ref$displayDuration === void 0 ? 5000 : _ref$displayDuration,
       icon = _ref.icon;
 
-  var _React$useState = React.useState(false),
-      visible = _React$useState[0],
-      setVisible = _React$useState[1];
+  var _useState = useState(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
 
-  React.useEffect(function () {
+  useEffect(function () {
     var timeout = setTimeout(function () {
       setVisible(false);
     }, displayDuration);
@@ -28,10 +28,10 @@ export var ConfirmMessage = function ConfirmMessage(_ref) {
     setVisible(true);
   };
 
-  var handleClick = React.useCallback(function () {
+  var handleClick = useCallback(function () {
     onClick && onClick(showMessage);
   }, [onClick]);
-  var content = React.useMemo(function () {
+  var content = useMemo(function () {
     return /*#__PURE__*/React.createElement(S.ConfirmMessage, null, icon, /*#__PURE__*/React.createElement(S.ConfirmMessageTitle, null, title));
   }, [title, icon]);
   return /*#__PURE__*/React.createElement(S.Message, {

package/dist/ConfirmMessage/ConfirmMessage.types.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-export interface ConfirmMessageProps {
+import { ReactNode } from 'react';
+export type ConfirmMessageProps = {
     displayDuration?: number;
     title: string;
+    children?: ReactNode;
     onClick: (callback: () => void) => void;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-}
+};

package/dist/Popconfirm.js

@@ -4,7 +4,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import { Carousel } from 'antd';
@@ -35,7 +35,7 @@ var Popconfirm = function Popconfirm(_ref) {
       buttonsAlign = _ref.buttonsAlign,
       antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var renderImageCarousel = React.useMemo(function () {
+  var renderImageCarousel = useMemo(function () {
     return (images == null ? void 0 : images.length) && /*#__PURE__*/React.createElement(Carousel, {
       autoplay: imagesAutoplay,
       autoplaySpeed: imagesAutoplaySpeed,
@@ -47,16 +47,16 @@ var Popconfirm = function Popconfirm(_ref) {
       });
     }));
   }, [images, imagesAutoplay, imagesAutoplaySpeed]);
-  var popupRef = React.useRef(null);
+  var popupRef = useRef(null);
 
-  var _React$useState = React.useState(undefined),
-      visible = _React$useState[0],
-      setVisible = _React$useState[1];
+  var _useState = useState(undefined),
+      visible = _useState[0],
+      setVisible = _useState[1];
 
   useOnClickOutside(popupRef, function () {
     setVisible(false);
   });
-  React.useEffect(function () {
+  useEffect(function () {
     if (!visible && antdProps.visible) {
       setVisible(antdProps.visible);
     }

package/dist/Popconfirm.types.d.ts

@@ -1,18 +1,21 @@
-import React from 'react';
-import { PopconfirmProps } from 'antd/lib/popconfirm';
+import { ReactNode, MouseEvent as ReactMouseEvent } from 'react';
+import { PopconfirmProps as AntdPopconfirmProps } from 'antd/lib/popconfirm';
 import { ConfirmMessageProps } from './ConfirmMessage/ConfirmMessage.types';
-export type PopconfirmType = React.FC<Omit<PopconfirmProps, 'okType'> & {
-    description?: string | React.ReactNode;
+export type PopconfirmProps = Omit<AntdPopconfirmProps, 'okType'> & {
+    description?: string | ReactNode;
     images?: string[];
     imagesAutoplay?: boolean;
     imagesAutoplaySpeed?: number;
-    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    withLink?: React.ReactNode;
-    closeIcon?: React.ReactNode;
+    onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void;
+    withLink?: ReactNode;
+    closeIcon?: ReactNode;
     titlePadding?: boolean;
-    hideButtons?: React.ReactNode;
+    hideButtons?: ReactNode;
     buttonsAlign?: 'left' | 'right';
-    okType?: PopconfirmProps['okType'] | string;
-}> & {
-    ConfirmMessage: React.FC<ConfirmMessageProps>;
+    okType?: AntdPopconfirmProps['okType'] | string;
+    children?: ReactNode;
+};
+export type PopconfirmType = {
+    (props: PopconfirmProps): JSX.Element;
+    ConfirmMessage: (props: ConfirmMessageProps) => JSX.Element;
 };

package/dist/index.d.ts

@@ -1 +1,3 @@
 export { default } from './Popconfirm';
+export type { PopconfirmProps } from './Popconfirm.types';
+export type { ConfirmMessageProps } from './ConfirmMessage/ConfirmMessage.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popconfirm",
-  "version": "0.10.55",
+  "version": "0.10.57",
   "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": "^0.21.14",
-    "@synerise/ds-icon": "^0.66.0",
-    "@synerise/ds-utils": "^0.30.0"
+    "@synerise/ds-button": "^0.21.16",
+    "@synerise/ds-icon": "^0.66.2",
+    "@synerise/ds-utils": "^0.30.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "c45f411bd0eac69ae70b6c948da1c530539b01d6"
+  "gitHead": "c9eddd944cd2f08cb02db807652ba7fb2b536a1c"
 }