@panneau/action-duplicate 3.0.223 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/action-duplicate",
-    "version": "3.0.223",
+    "version": "3.0.224",
     "description": "Duplicate action",
     "keywords": [
         "javascript"
@@ -25,8 +25,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -47,10 +50,10 @@
     "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@folklore/fetch": "^0.1.17",
-        "@panneau/core": "^3.0.223",
-        "@panneau/element-button": "^3.0.223",
-        "@panneau/modal-confirm": "^3.0.223",
-        "@panneau/themes": "^3.0.223",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-button": "^3.0.224",
+        "@panneau/modal-confirm": "^3.0.224",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
         "react-intl": "^5.15.8||^6.0.0"
@@ -58,5 +61,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14196bd955b0e44cbc214e00f3189b3216f3fa53"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,189 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var fetch = require('@folklore/fetch');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactIntl = require('react-intl');
-var contexts = require('@panneau/core/contexts');
-var hooks = require('@panneau/core/hooks');
-var Button = require('@panneau/element-button');
-var Confirm = require('@panneau/modal-confirm');
-
-var styles = {};
-
-var _excluded = ["id", "title", "description", "endpoint", "action", "label", "icon", "value", "theme", "disabled", "onChange", "onConfirmed", "valueLabelPath", "withConfirmation", "className"];
-var propTypes = {
-  id: PropTypes.string.isRequired,
-  title: PropTypes.node,
-  description: PropTypes.node,
-  endpoint: PropTypes.string,
-  action: PropTypes.func,
-  // Promise
-  label: PropTypes.string,
-  value: PropTypes.bool,
-  icon: PropTypes.string,
-  theme: PropTypes.string,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  onConfirmed: PropTypes.func,
-  valueLabelPath: PropTypes.string,
-  withConfirmation: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps = {
-  title: null,
-  description: null,
-  endpoint: '/duplicate',
-  action: null,
-  label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "HzCxmr",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Duplicate"
-    }]
-  }),
-  icon: 'copy',
-  value: null,
-  theme: 'primary',
-  disabled: false,
-  onChange: null,
-  onConfirmed: null,
-  valueLabelPath: null,
-  withConfirmation: false,
-  className: null
-};
-var DuplicateAction = function DuplicateAction(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    description = _ref.description,
-    endpoint = _ref.endpoint,
-    action = _ref.action,
-    label = _ref.label,
-    icon = _ref.icon,
-    value = _ref.value,
-    theme = _ref.theme,
-    disabled = _ref.disabled,
-    onChange = _ref.onChange,
-    onConfirmed = _ref.onConfirmed,
-    valueLabelPath = _ref.valueLabelPath,
-    withConfirmation = _ref.withConfirmation,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useModal = contexts.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 = React.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    error = _useState2[0],
-    setError = _useState2[1];
-  var _useActionProps = hooks.useActionProps(id, value, valueLabelPath),
-    ids = _useActionProps.ids,
-    idLabels = _useActionProps.idLabels,
-    modalKey = _useActionProps.modalKey;
-  var modal = React.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 = React.useCallback(function () {
-    register(modalKey);
-  }, [modalKey, register]);
-  var onClose = React.useCallback(function () {
-    unregister(modalKey);
-  }, [modalKey, unregister]);
-  var onConfirm = React.useCallback(function () {
-    return (action !== null ? action(ids) : fetch.postJSON(endpoint, {
-      ids: ids
-    }, {
-      credentials: 'include',
-      headers: fetch.getCSRFHeaders()
-    })).then(function (response) {
-      if (onConfirmed !== null) {
-        onConfirmed(response);
-      }
-      if (onChange !== null) {
-        onChange(response);
-      }
-      onClose();
-    })["catch"](function (err) {
-      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,
-    icon: icon,
-    onClick: withConfirmation ? onOpen : null,
-    disabled: disabled,
-    theme: disabled ? 'secondary' : theme
-  }, props)), modal !== null ? /*#__PURE__*/React.createElement(Confirm, {
-    id: modalKey,
-    title: title || /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-      id: "8T+JE7",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Duplicate"
-      }]
-    }),
-    onConfirm: onConfirm,
-    onClose: onClose,
-    confirmButton: {
-      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-        id: "UaVu03",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirm"
-        }]
-      }),
-      theme: 'danger'
-    },
-    cancelButton: {
-      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-        id: "PyxZY2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Cancel"
-        }]
-      })
-    }
-  }, description !== null ? description : /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "XmY7D8",
-    defaultMessage: [{
-      "type": 0,
-      "value": "The following items will be duplicated: "
-    }, {
-      "type": 1,
-      "value": "ids"
-    }, {
-      "type": 0,
-      "value": ". Are you sure you want to continue?"
-    }],
-    values: {
-      ids: idLabels
-    }
-  })), error !== null ? /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "cutyQH",
-    defaultMessage: [{
-      "type": 0,
-      "value": "An error has occured."
-    }]
-  }) : null) : null);
-};
-DuplicateAction.propTypes = propTypes;
-DuplicateAction.defaultProps = defaultProps;
-var DuplicateAction$1 = DuplicateAction;
-
-exports.default = DuplicateAction$1;