@panneau/action-duplicate 3.0.225 → 3.0.228

package/es/index.js

@@ -4,16 +4,15 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { postJSON, getCSRFHeaders } from '@folklore/fetch';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useState, useMemo, useCallback } from 'react';
+import React, { useState, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { useModal } from '@panneau/core/contexts';
+import { useModalsComponentsManager } from '@panneau/core/contexts';
 import { useActionProps } from '@panneau/core/hooks';
 import Button from '@panneau/element-button';
-import Confirm from '@panneau/modal-confirm';
 
 var styles = {};
 
-var _excluded = ["id", "title", "description", "endpoint", "action", "label", "icon", "value", "theme", "disabled", "onChange", "onConfirmed", "valueLabelPath", "withConfirmation", "className"];
+var _excluded = ["id", "title", "description", "endpoint", "action", "label", "icon", "value", "theme", "disabled", "onChange", "onConfirmed", "valueLabelPath", "modalComponent", "withConfirmation", "className"];
 var propTypes = {
   id: PropTypes.string.isRequired,
   title: PropTypes.node,
@@ -29,6 +28,7 @@ var propTypes = {
   onChange: PropTypes.func,
   onConfirmed: PropTypes.func,
   valueLabelPath: PropTypes.string,
+  modalComponent: PropTypes.string,
   withConfirmation: PropTypes.bool,
   className: PropTypes.string
 };
@@ -51,6 +51,7 @@ var defaultProps = {
   onChange: null,
   onConfirmed: null,
   valueLabelPath: null,
+  modalComponent: 'confirm',
   withConfirmation: false,
   className: null
 };
@@ -68,37 +69,30 @@ var DuplicateAction = function DuplicateAction(_ref) {
     onChange = _ref.onChange,
     onConfirmed = _ref.onConfirmed,
     valueLabelPath = _ref.valueLabelPath,
+    modalComponent = _ref.modalComponent,
     withConfirmation = _ref.withConfirmation,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useModal = useModal(),
-    _useModal$modals = _useModal.modals,
-    modals = _useModal$modals === void 0 ? null : _useModal$modals,
-    _useModal$register = _useModal.register,
-    register = _useModal$register === void 0 ? null : _useModal$register,
-    _useModal$unregister = _useModal.unregister,
-    unregister = _useModal$unregister === void 0 ? null : _useModal$unregister;
-  var _useState = useState(null),
+  var ModalComponents = useModalsComponentsManager();
+  var ModalComponent = ModalComponents.getComponent(modalComponent);
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    error = _useState2[0],
-    setError = _useState2[1];
+    modalOpen = _useState2[0],
+    setModalOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
   var _useActionProps = useActionProps(id, value, valueLabelPath),
     ids = _useActionProps.ids,
     idLabels = _useActionProps.idLabels,
     modalKey = _useActionProps.modalKey;
-  var modal = useMemo(function () {
-    return (modals || []).find(function (_ref2) {
-      var _ref2$id = _ref2.id,
-        modalId = _ref2$id === void 0 ? null : _ref2$id;
-      return modalId === "".concat(modalKey);
-    }) || null;
-  }, [modals, modalKey]);
   var onOpen = useCallback(function () {
-    register(modalKey);
-  }, [modalKey, register]);
+    setModalOpen(true);
+  }, [setModalOpen]);
   var onClose = useCallback(function () {
-    unregister(modalKey);
-  }, [modalKey, unregister]);
+    setModalOpen(false);
+  }, [setModalOpen]);
   var onConfirm = useCallback(function () {
     return (action !== null ? action(ids) : postJSON(endpoint, {
       ids: ids
@@ -117,7 +111,6 @@ var DuplicateAction = function DuplicateAction(_ref) {
       setError(err);
     });
   }, [ids, endpoint, action, onChange, onClose, setError]);
-  console.log('yoo', label);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     label: label,
@@ -125,7 +118,7 @@ var DuplicateAction = function DuplicateAction(_ref) {
     onClick: withConfirmation ? onOpen : null,
     disabled: disabled,
     theme: disabled ? 'secondary' : theme
-  }, props)), modal !== null ? /*#__PURE__*/React.createElement(Confirm, {
+  }, props)), modalOpen ? /*#__PURE__*/React.createElement(ModalComponent, {
     id: modalKey,
     title: title || /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "8T+JE7",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/action-duplicate",
-    "version": "3.0.225",
+    "version": "3.0.228",
     "description": "Duplicate action",
     "keywords": [
         "javascript"
@@ -28,7 +28,9 @@
     "type": "module",
     "module": "es/index.js",
     "exports": {
-        ".": "./es/index.js"
+        ".": "./es/index.js",
+        "./assets/css/styles": "./assets/css/styles.css",
+        "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "files": [
         "lib",
@@ -50,10 +52,9 @@
     "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@folklore/fetch": "^0.1.17",
-        "@panneau/core": "^3.0.224",
-        "@panneau/element-button": "^3.0.224",
-        "@panneau/modal-confirm": "^3.0.225",
-        "@panneau/themes": "^3.0.224",
+        "@panneau/core": "^3.0.228",
+        "@panneau/element-button": "^3.0.228",
+        "@panneau/themes": "^3.0.228",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
         "react-intl": "^5.15.8||^6.0.0"
@@ -61,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "5603d68b2a7c406ea856abccc332318814d53fc3"
+    "gitHead": "2adf72884fb88052c6a6822e6f32169bb1dfe18b"
 }