@panneau/action-duplicate 4.0.73 → 4.0.74

package/dist/index.d.ts

@@ -1,15 +1,16 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { ActionValue, ButtonTheme } from '@panneau/core';
+import { Resource, ActionValue, ButtonTheme } from '@panneau/core';
 
 interface DuplicateActionProps {
-    id: string;
+    resource?: Resource | string | null;
     title?: ReactNode | null;
     description?: ReactNode | null;
     endpoint?: string;
     endpointIdsParamName?: string;
     action?: ((value: ActionValue) => Promise<unknown>) | null;
     label?: string | null;
+    href?: string | null;
     value?: ActionValue | null;
     icon?: string;
     theme?: ButtonTheme;
@@ -19,9 +20,10 @@ interface DuplicateActionProps {
     onConfirmed?: ((response: unknown) => void) | null;
     valueLabelPath?: string | null;
     modalComponent?: string;
-    withConfirmation?: boolean;
+    withoutConfirmation?: boolean;
+    onClick?: (() => void) | null;
     className?: string | null;
 }
-declare function DuplicateAction({ id, title, description, endpoint, endpointIdsParamName, action, label: initialLabel, icon, value, theme, disabled, multiple, onChange, onConfirmed, valueLabelPath, modalComponent, withConfirmation, className, ...props }: DuplicateActionProps): react.JSX.Element;
+declare function DuplicateAction({ resource: initialResource, title, description, endpoint, endpointIdsParamName, action, label: initialLabel, href: initialHref, icon, value, theme, disabled, multiple, onChange, onConfirmed, valueLabelPath, modalComponent, withoutConfirmation, className, onClick, ...props }: DuplicateActionProps): react.JSX.Element;
 
 export { DuplicateAction as default };

package/dist/index.js

@@ -1,70 +1,242 @@
+import { c } from 'react/compiler-runtime';
 import { postJSON, getCSRFHeaders } from '@folklore/fetch';
+import { isObject } from 'lodash';
 import isArray from 'lodash-es/isArray';
-import { useState, useCallback } from 'react';
+import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { useModalsComponentsManager } from '@panneau/core/contexts';
+import { useResource, useModalsComponentsManager } from '@panneau/core/contexts';
+import { useResourceUrlGenerator } from '@panneau/core/hooks';
 import Button from '@panneau/element-button';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function DuplicateAction({
-  id,
-  title = null,
-  description = null,
-  endpoint = '/duplicate',
-  endpointIdsParamName = 'ids',
-  action = null,
-  label: initialLabel = null,
-  icon = 'copy',
-  value = null,
-  theme = 'secondary',
-  disabled = false,
-  multiple = false,
-  onChange = null,
-  onConfirmed = null,
-  valueLabelPath = null,
-  modalComponent = 'confirm',
-  withConfirmation = false,
-  className = null,
-  ...props
-}) {
-  const label = initialLabel || /*#__PURE__*/jsx(FormattedMessage, {
-    id: "HzCxmr"
-  });
+function DuplicateAction(t0) {
+  const $ = c(62);
+  let props;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t19;
+  let t2;
+  let t20;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== t0) {
+    ({
+      resource: t1,
+      title: t2,
+      description: t3,
+      endpoint: t4,
+      endpointIdsParamName: t5,
+      action: t6,
+      label: t7,
+      href: t8,
+      icon: t9,
+      value: t10,
+      theme: t11,
+      disabled: t12,
+      multiple: t13,
+      onChange: t14,
+      onConfirmed: t15,
+      valueLabelPath: t16,
+      modalComponent: t17,
+      withoutConfirmation: t18,
+      className: t19,
+      onClick: t20,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = t1;
+    $[3] = t10;
+    $[4] = t11;
+    $[5] = t12;
+    $[6] = t13;
+    $[7] = t14;
+    $[8] = t15;
+    $[9] = t16;
+    $[10] = t17;
+    $[11] = t18;
+    $[12] = t19;
+    $[13] = t2;
+    $[14] = t20;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    props = $[1];
+    t1 = $[2];
+    t10 = $[3];
+    t11 = $[4];
+    t12 = $[5];
+    t13 = $[6];
+    t14 = $[7];
+    t15 = $[8];
+    t16 = $[9];
+    t17 = $[10];
+    t18 = $[11];
+    t19 = $[12];
+    t2 = $[13];
+    t20 = $[14];
+    t3 = $[15];
+    t4 = $[16];
+    t5 = $[17];
+    t6 = $[18];
+    t7 = $[19];
+    t8 = $[20];
+    t9 = $[21];
+  }
+  const initialResource = t1 === undefined ? null : t1;
+  const title = t2 === undefined ? null : t2;
+  const description = t3 === undefined ? null : t3;
+  const endpoint = t4 === undefined ? "/duplicate" : t4;
+  const endpointIdsParamName = t5 === undefined ? "ids" : t5;
+  const action = t6 === undefined ? null : t6;
+  const initialLabel = t7 === undefined ? null : t7;
+  const initialHref = t8 === undefined ? null : t8;
+  const icon = t9 === undefined ? "copy" : t9;
+  const value = t10 === undefined ? null : t10;
+  const theme = t11 === undefined ? "secondary" : t11;
+  const disabled = t12 === undefined ? false : t12;
+  const multiple = t13 === undefined ? false : t13;
+  const onChange = t14 === undefined ? null : t14;
+  const onConfirmed = t15 === undefined ? null : t15;
+  const modalComponent = t17 === undefined ? "confirm" : t17;
+  const withoutConfirmation = t18 === undefined ? false : t18;
+  const className = t19 === undefined ? null : t19;
+  const onClick = t20 === undefined ? null : t20;
+  const contextResource = useResource();
+  const resource = initialResource || contextResource;
+  const resourceUrl = useResourceUrlGenerator(resource);
+  let t21;
+  if ($[22] !== initialLabel) {
+    t21 = initialLabel || /*#__PURE__*/jsx(FormattedMessage, {
+      id: "HzCxmr"
+    });
+    $[22] = initialLabel;
+    $[23] = t21;
+  } else {
+    t21 = $[23];
+  }
+  const label = t21;
+  let t22;
+  if ($[24] !== initialHref || $[25] !== multiple || $[26] !== resourceUrl || $[27] !== value) {
+    t22 = initialHref || (!multiple && isObject(value) && !isArray(value) ? resourceUrl("duplicate", value) : null);
+    $[24] = initialHref;
+    $[25] = multiple;
+    $[26] = resourceUrl;
+    $[27] = value;
+    $[28] = t22;
+  } else {
+    t22 = $[28];
+  }
+  const finalHref = t22;
   const ModalComponents = useModalsComponentsManager();
-  const ModalComponent = ModalComponents.getComponent(modalComponent);
+  let t23;
+  if ($[29] !== ModalComponents || $[30] !== modalComponent) {
+    t23 = ModalComponents.getComponent(modalComponent);
+    $[29] = ModalComponents;
+    $[30] = modalComponent;
+    $[31] = t23;
+  } else {
+    t23 = $[31];
+  }
+  const ModalComponent = t23;
   const [modalOpen, setModalOpen] = useState(false);
   const [error, setError] = useState(null);
-  const onOpen = useCallback(() => {
-    setModalOpen(true);
-  }, [setModalOpen]);
-  const onClosed = useCallback(() => {
-    setModalOpen(false);
-  }, [setModalOpen]);
-  const onConfirm = useCallback(() => (action !== null ? action(value) : postJSON(endpoint, {
-    [endpointIdsParamName]: (isArray(value) ? value : [value]).filter(it => it !== null).map(it_0 => it_0?.id)
-  }, {
-    credentials: 'include',
-    headers: getCSRFHeaders()
-  })).then(response => {
-    if (onConfirmed !== null) {
-      onConfirmed(response);
-    }
-    if (onChange !== null) {
-      onChange(response);
-    }
-  }).catch(err => {
-    setError(err);
-  }), [value, endpoint, action, onChange, setError, onConfirmed]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Button, {
+  let t24;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t24 = () => {
+      setModalOpen(true);
+    };
+    $[32] = t24;
+  } else {
+    t24 = $[32];
+  }
+  const onOpen = t24;
+  let t25;
+  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = () => {
+      setModalOpen(false);
+    };
+    $[33] = t25;
+  } else {
+    t25 = $[33];
+  }
+  const onClosed = t25;
+  let t26;
+  if ($[34] !== action || $[35] !== endpoint || $[36] !== endpointIdsParamName || $[37] !== onChange || $[38] !== onConfirmed || $[39] !== value) {
+    t26 = () => (action !== null ? action(value) : postJSON(endpoint, {
+      [endpointIdsParamName]: (isArray(value) ? value : [value]).filter(_temp).map(_temp2)
+    }, {
+      credentials: "include",
+      headers: getCSRFHeaders()
+    })).then(response => {
+      if (onConfirmed !== null) {
+        onConfirmed(response);
+      }
+      if (onChange !== null) {
+        onChange(response);
+      }
+    }).catch(err => {
+      setError(err);
+    });
+    $[34] = action;
+    $[35] = endpoint;
+    $[36] = endpointIdsParamName;
+    $[37] = onChange;
+    $[38] = onConfirmed;
+    $[39] = value;
+    $[40] = t26;
+  } else {
+    t26 = $[40];
+  }
+  const onConfirm = t26;
+  const t27 = onClick ?? (withoutConfirmation ? onConfirm : onOpen);
+  const t28 = disabled ? "secondary" : theme;
+  const t29 = withoutConfirmation ? finalHref : null;
+  let t30;
+  if ($[41] !== className || $[42] !== disabled || $[43] !== icon || $[44] !== label || $[45] !== props || $[46] !== t27 || $[47] !== t28 || $[48] !== t29) {
+    t30 = /*#__PURE__*/jsx(Button, {
       className: className,
       label: label,
       icon: icon,
-      onClick: withConfirmation ? onOpen : null,
+      onClick: t27,
       disabled: disabled,
-      theme: disabled ? 'secondary' : theme,
+      theme: t28,
+      href: t29,
       ...props
-    }), modalOpen ? /*#__PURE__*/jsxs(ModalComponent, {
+    });
+    $[41] = className;
+    $[42] = disabled;
+    $[43] = icon;
+    $[44] = label;
+    $[45] = props;
+    $[46] = t27;
+    $[47] = t28;
+    $[48] = t29;
+    $[49] = t30;
+  } else {
+    t30 = $[49];
+  }
+  let t31;
+  if ($[50] !== ModalComponent || $[51] !== description || $[52] !== error || $[53] !== modalOpen || $[54] !== multiple || $[55] !== onConfirm || $[56] !== title || $[57] !== value) {
+    t31 = modalOpen ? /*#__PURE__*/jsxs(ModalComponent, {
       title: title || /*#__PURE__*/jsx(FormattedMessage, {
         id: "8T+JE7"
       }),
@@ -74,7 +246,7 @@ function DuplicateAction({
         label: /*#__PURE__*/jsx(FormattedMessage, {
           id: "UaVu03"
         }),
-        theme: 'danger'
+        theme: "danger"
       },
       cancelButton: {
         label: /*#__PURE__*/jsx(FormattedMessage, {
@@ -85,19 +257,51 @@ function DuplicateAction({
         children: multiple ? /*#__PURE__*/jsx(FormattedMessage, {
           id: "GKcYDd",
           values: {
-            id: value !== null && !isArray(value) ? `#${value?.id}` : ''
+            id: value !== null && !isArray(value) ? `#${value?.id}` : ""
           }
         }) : /*#__PURE__*/jsx(FormattedMessage, {
           id: "XmY7D8",
           values: {
-            ids: value !== null && isArray(value) ? value.map(it_1 => `#${it_1?.id}`).join(', ') : ''
+            ids: value !== null && isArray(value) ? value.map(_temp3).join(", ") : ""
           }
         })
       }), error !== null ? /*#__PURE__*/jsx(FormattedMessage, {
         id: "cutyQH"
       }) : null]
-    }) : null]
-  });
+    }) : null;
+    $[50] = ModalComponent;
+    $[51] = description;
+    $[52] = error;
+    $[53] = modalOpen;
+    $[54] = multiple;
+    $[55] = onConfirm;
+    $[56] = title;
+    $[57] = value;
+    $[58] = t31;
+  } else {
+    t31 = $[58];
+  }
+  let t32;
+  if ($[59] !== t30 || $[60] !== t31) {
+    t32 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t30, t31]
+    });
+    $[59] = t30;
+    $[60] = t31;
+    $[61] = t32;
+  } else {
+    t32 = $[61];
+  }
+  return t32;
+}
+function _temp3(it_1) {
+  return `#${it_1?.id}`;
+}
+function _temp2(it_0) {
+  return it_0?.id;
+}
+function _temp(it) {
+  return it !== null;
 }
 
 export { DuplicateAction as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/action-duplicate",
-    "version": "4.0.73",
+    "version": "4.0.74",
     "description": "Duplicate action",
     "keywords": [
         "javascript"
@@ -46,9 +46,9 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/fetch": "^0.1.21",
-        "@panneau/core": "^4.0.73",
-        "@panneau/element-button": "^4.0.73",
-        "@panneau/themes": "^4.0.73",
+        "@panneau/core": "^4.0.74",
+        "@panneau/element-button": "^4.0.74",
+        "@panneau/themes": "^4.0.74",
         "classnames": "^2.5.1",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
     },
@@ -63,5 +63,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "59fe06241775f60d387d99b22c16bb474964e6d0"
+    "gitHead": "122cadcf8ea5faacc035e7fe911fbdfb9fb87d26"
 }