@panneau/action-upload 3.0.244 → 3.0.245

package/es/index.js

@@ -1,84 +1,79 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
+import { useFieldsComponentsManager } from '@panneau/core/contexts';
 
-var _excluded = ["id", "title", "description", "fields", "endpoint", "label", "icon", "value", "theme", "disabled", "onChange", "onConfirmed", "withConfirmation", "className"];
+var _excluded = ["endpoint", "action", "label", "value", "icon", "theme", "disabled", "onConfirmed", "fieldComponent", "className"];
 
-// TODO: fix this
+// TODO: figure out what happens when an item / multiple items are selected
 
 var propTypes = {
-  id: PropTypes.string.isRequired,
-  title: PropTypes.node,
-  description: PropTypes.node,
-  fields: PropTypes.arrayOf(PropTypes.shape({})),
+  // eslint-disable-next-line react/no-unused-prop-types
+  id: PropTypes.string,
   endpoint: PropTypes.string,
+  action: PropTypes.func,
+  // Promise
   label: PropTypes.string,
-  value: PropTypes.bool,
+  value: PropTypes.shape({}),
   icon: PropTypes.string,
   theme: PropTypes.string,
   disabled: PropTypes.bool,
-  onChange: PropTypes.func,
+  fieldComponent: PropTypes.string,
   onConfirmed: PropTypes.func,
-  withConfirmation: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps = {
-  title: null,
-  description: null,
-  fields: null,
-  endpoint: null,
-  label: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "rklw2v",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Add a file"
-    }]
-  }),
-  icon: 'upload',
+  id: null,
+  endpoint: '/import',
+  action: null,
+  label: null,
   value: null,
+  icon: 'upload',
   theme: 'primary',
   disabled: false,
-  onChange: null,
+  fieldComponent: 'upload',
   onConfirmed: null,
-  withConfirmation: false,
   className: null
 };
-var UploadAction = function UploadAction(_ref) {
-  _ref.id;
-    _ref.title;
-    _ref.description;
-    _ref.fields;
-    _ref.endpoint;
-    _ref.label;
-    _ref.icon;
+var ImportAction = function ImportAction(_ref) {
+  _ref.endpoint;
+    _ref.action;
+    var label = _ref.label;
     _ref.value;
-    _ref.theme;
-    _ref.disabled;
-    _ref.onChange;
-    _ref.onConfirmed;
-    _ref.withConfirmation;
-    _ref.className;
-    _objectWithoutProperties(_ref, _excluded);
-  // const { ids, idLabels, modalKey } = useActionProps(value);
-  console.log('upload action...');
-  return 'Upload';
-  // <UploadField
-  //     className={classNames([
-  //         styles.container,
-  //         {
-  //             [className]: className !== null,
-  //         },
-  //     ])}
-  //     label={label}
-  //     icon={icon}
-  //     disabled={disabled}
-  //     theme={disabled ? 'secondary' : theme}
-  //     {...props}
-  // />
+    var icon = _ref.icon,
+    theme = _ref.theme,
+    disabled = _ref.disabled,
+    onConfirmed = _ref.onConfirmed,
+    fieldComponent = _ref.fieldComponent,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var FieldComponents = useFieldsComponentsManager();
+  var FieldComponent = FieldComponents.getComponent(fieldComponent);
+  var onComplete = useCallback(function (data) {
+    if (onConfirmed !== null) {
+      onConfirmed(data);
+    }
+  }, [onConfirmed]);
+  return /*#__PURE__*/React.createElement(FieldComponent, Object.assign({
+    withButton: true,
+    outline: false,
+    theme: theme,
+    addButtonIcon: icon,
+    addButtonLabel: label || /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "eL+nIp",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Add file"
+      }]
+    }),
+    onChange: onComplete,
+    disabled: disabled,
+    className: className
+  }, props));
 };
-UploadAction.propTypes = propTypes;
-UploadAction.defaultProps = defaultProps;
-var UploadAction$1 = UploadAction;
+ImportAction.propTypes = propTypes;
+ImportAction.defaultProps = defaultProps;
+var UploadAction = ImportAction;
 
-export { UploadAction$1 as default };
+export { UploadAction as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/action-upload",
-    "version": "3.0.244",
+    "version": "3.0.245",
     "description": "Upload action",
     "keywords": [
         "javascript"
@@ -53,7 +53,7 @@
         "@babel/runtime": "^7.12.5",
         "@panneau/core": "^3.0.244",
         "@panneau/element-button": "^3.0.244",
-        "@panneau/field-upload": "^3.0.244",
+        "@panneau/field-upload": "^3.0.245",
         "@panneau/themes": "^3.0.244",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "41028d7e3eddfb81b41a4f9c9a80b4a5cf63c2f0"
+    "gitHead": "9365cf9236eaa94e879099b12cccb5cf22645e1e"
 }