@panneau/modal-resource-items 4.0.39 → 4.0.40-alpha.3

package/dist/index.d.ts

@@ -1,18 +1,24 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { Resource, Item } from '@panneau/core';
 
 interface ModalResourceItemsProps {
-    id: string | number;
-    resource?: string | null;
+    id?: string;
+    resource?: Resource | string | null;
     title?: string | null;
     query?: Record<string, unknown> | null;
     paginated?: boolean;
     size?: string;
-    onClose?: (() => void) | null;
+    withoutCloseOnSelect?: boolean;
+    onClosed?: (() => void) | null;
+    onSelect?: ((item: Item[] | null) => void) | null;
+    multiple?: boolean;
     listProps?: Record<string, unknown> | null;
+    confirmButton?: Record<string, unknown> | null;
+    cancelButton?: Record<string, unknown> | null;
     className?: string | null;
     children?: ReactNode | null;
 }
-declare function ModalResourceItems({ id, resource: providedResource, title, query: initialQuery, paginated, size, onClose, listProps, className, children, ...props }: ModalResourceItemsProps): react_jsx_runtime.JSX.Element;
+declare function ModalResourceItems({ id, resource: providedResource, title, query: initialQuery, paginated, size, onClosed, onSelect, multiple, listProps, confirmButton, cancelButton, withoutCloseOnSelect, className, children, ...props }: ModalResourceItemsProps): react_jsx_runtime.JSX.Element;
 
 export { ModalResourceItems as default };

package/dist/index.js

@@ -1,82 +1,318 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import isObject from 'lodash/isObject';
-import { useMemo, useCallback } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { usePanneauResource } from '@panneau/core/contexts';
 import { useQuery } from '@panneau/core/hooks';
 import { useResourceValues } from '@panneau/intl';
 import ResourceItemsList from '@panneau/list-resource-items';
 import Dialog from '@panneau/modal-dialog';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["id", "resource", "title", "query", "paginated", "size", "onClose", "listProps", "className", "children"];
-function ModalResourceItems(_ref) {
-  var id = _ref.id,
-    _ref$resource = _ref.resource,
-    providedResource = _ref$resource === void 0 ? null : _ref$resource,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? null : _ref$title,
-    _ref$query = _ref.query,
-    initialQuery = _ref$query === void 0 ? null : _ref$query,
-    _ref$paginated = _ref.paginated,
-    paginated = _ref$paginated === void 0 ? true : _ref$paginated,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xl' : _ref$size,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
-    _ref$listProps = _ref.listProps,
-    listProps = _ref$listProps === void 0 ? null : _ref$listProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var panneauResource = usePanneauResource(providedResource);
-  var resource = isObject(providedResource) ? providedResource : panneauResource;
-  var resourceValues = useResourceValues(resource);
-  var finalQuery = useMemo(function () {
-    return _objectSpread({}, initialQuery);
-  }, [initialQuery]);
-  var _useQuery = useQuery(finalQuery, paginated),
-    query = _useQuery.query,
-    onPageChange = _useQuery.onPageChange,
-    onQueryChange = _useQuery.onQueryChange,
-    onQueryReset = _useQuery.onQueryReset;
-  var finalOnPageChange = useCallback(function (e) {
-    var pageNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    e.preventDefault();
-    e.stopPropagation();
-    onPageChange(pageNumber);
-  }, [onPageChange]);
-  var finalOnQueryChange = useCallback(function (newQuery) {
-    onQueryChange(newQuery);
-  }, [onQueryChange]);
-  return /*#__PURE__*/jsxs(Dialog, {
-    id: id,
-    title: title || /*#__PURE__*/jsx(FormattedMessage, {
-      values: resourceValues,
+function ModalResourceItems(t0) {
+  const $ = c(63);
+  let id;
+  let props;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== t0) {
+    ({
+      id,
+      resource: t1,
+      title: t2,
+      query: t3,
+      paginated: t4,
+      size: t5,
+      onClosed: t6,
+      onSelect: t7,
+      multiple: t8,
+      listProps: t9,
+      confirmButton: t10,
+      cancelButton: t11,
+      withoutCloseOnSelect: t12,
+      className: t13,
+      children: t14,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = id;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t10;
+    $[5] = t11;
+    $[6] = t12;
+    $[7] = t13;
+    $[8] = t14;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    id = $[1];
+    props = $[2];
+    t1 = $[3];
+    t10 = $[4];
+    t11 = $[5];
+    t12 = $[6];
+    t13 = $[7];
+    t14 = $[8];
+    t2 = $[9];
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+    t6 = $[13];
+    t7 = $[14];
+    t8 = $[15];
+    t9 = $[16];
+  }
+  const providedResource = t1 === undefined ? null : t1;
+  const title = t2 === undefined ? null : t2;
+  const initialQuery = t3 === undefined ? null : t3;
+  const paginated = t4 === undefined ? true : t4;
+  const size = t5 === undefined ? "xl" : t5;
+  const onClosed = t6 === undefined ? null : t6;
+  const onSelect = t7 === undefined ? null : t7;
+  const multiple = t8 === undefined ? false : t8;
+  const confirmButton = t10 === undefined ? null : t10;
+  const cancelButton = t11 === undefined ? null : t11;
+  const withoutCloseOnSelect = t12 === undefined ? false : t12;
+  const className = t13 === undefined ? null : t13;
+  const children = t14 === undefined ? null : t14;
+  const [opened, setOpened] = useState(true);
+  let t15;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = () => {
+      setOpened(false);
+    };
+    $[17] = t15;
+  } else {
+    t15 = $[17];
+  }
+  const requestClose = t15;
+  const resource = usePanneauResource(providedResource);
+  const resourceValues = useResourceValues(resource);
+  let t16;
+  if ($[18] !== initialQuery) {
+    t16 = {
+      ...initialQuery
+    };
+    $[18] = initialQuery;
+    $[19] = t16;
+  } else {
+    t16 = $[19];
+  }
+  const finalQuery = t16;
+  const {
+    query,
+    onPageChange,
+    onQueryChange,
+    onQueryReset
+  } = useQuery(finalQuery, paginated);
+  let t17;
+  if ($[20] !== onPageChange) {
+    t17 = (e, t18) => {
+      const pageNumber = t18 === undefined ? null : t18;
+      e.preventDefault();
+      e.stopPropagation();
+      onPageChange(pageNumber);
+    };
+    $[20] = onPageChange;
+    $[21] = t17;
+  } else {
+    t17 = $[21];
+  }
+  const finalOnPageChange = t17;
+  let t18;
+  if ($[22] !== onQueryChange) {
+    t18 = newQuery => {
+      onQueryChange(newQuery);
+    };
+    $[22] = onQueryChange;
+    $[23] = t18;
+  } else {
+    t18 = $[23];
+  }
+  const finalOnQueryChange = t18;
+  const [selectedItems, setSelectedItems] = useState(null);
+  let t19;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = newSelectedItems => {
+      setSelectedItems(newSelectedItems);
+    };
+    $[24] = t19;
+  } else {
+    t19 = $[24];
+  }
+  const onSelectionChange = t19;
+  let t20;
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = () => {
+      setSelectedItems(null);
+      requestClose();
+    };
+    $[25] = t20;
+  } else {
+    t20 = $[25];
+  }
+  const onClickCancel = t20;
+  let t21;
+  if ($[26] !== onSelect || $[27] !== selectedItems || $[28] !== withoutCloseOnSelect) {
+    t21 = () => {
+      if (onSelect !== null) {
+        onSelect(selectedItems);
+      }
+      if (!withoutCloseOnSelect) {
+        requestClose();
+      }
+    };
+    $[26] = onSelect;
+    $[27] = selectedItems;
+    $[28] = withoutCloseOnSelect;
+    $[29] = t21;
+  } else {
+    t21 = $[29];
+  }
+  const onClickConfirm = t21;
+  const t22 = id || `resource-items-modal-${resource?.id}`;
+  let t23;
+  if ($[30] !== resourceValues || $[31] !== title) {
+    t23 = title || /*#__PURE__*/jsx(FormattedMessage, {
       id: "XLVfN6",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Find "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }),
-    size: size,
-    onClose: onClose,
-    className: className,
-    children: [/*#__PURE__*/jsx(ResourceItemsList, _objectSpread({
+      values: resourceValues
+    });
+    $[30] = resourceValues;
+    $[31] = title;
+    $[32] = t23;
+  } else {
+    t23 = $[32];
+  }
+  let t24;
+  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    t24 = /*#__PURE__*/jsx(FormattedMessage, {
+      id: "PyxZY2"
+    });
+    $[33] = t24;
+  } else {
+    t24 = $[33];
+  }
+  let t25;
+  if ($[34] !== cancelButton) {
+    t25 = {
+      id: "no",
+      label: t24,
+      theme: "secondary",
+      onClick: onClickCancel,
+      ...cancelButton
+    };
+    $[34] = cancelButton;
+    $[35] = t25;
+  } else {
+    t25 = $[35];
+  }
+  const t26 = selectedItems == null || selectedItems.length === 0;
+  let t27;
+  if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /*#__PURE__*/jsx(FormattedMessage, {
+      id: "UaVu03"
+    });
+    $[36] = t27;
+  } else {
+    t27 = $[36];
+  }
+  let t28;
+  if ($[37] !== confirmButton || $[38] !== onClickConfirm || $[39] !== t26) {
+    t28 = {
+      id: "yes",
+      disabled: t26,
+      label: t27,
+      theme: "primary",
+      onClick: onClickConfirm,
+      ...confirmButton
+    };
+    $[37] = confirmButton;
+    $[38] = onClickConfirm;
+    $[39] = t26;
+    $[40] = t28;
+  } else {
+    t28 = $[40];
+  }
+  let t29;
+  if ($[41] !== t25 || $[42] !== t28) {
+    t29 = [t25, t28];
+    $[41] = t25;
+    $[42] = t28;
+    $[43] = t29;
+  } else {
+    t29 = $[43];
+  }
+  let t30;
+  if ($[44] !== finalOnPageChange || $[45] !== finalOnQueryChange || $[46] !== multiple || $[47] !== onQueryReset || $[48] !== props || $[49] !== query || $[50] !== resource || $[51] !== selectedItems) {
+    t30 = /*#__PURE__*/jsx(ResourceItemsList, {
       resource: resource,
       query: query,
       onPageChange: finalOnPageChange,
       onQueryChange: finalOnQueryChange,
       onQueryReset: onQueryReset,
-      listProps: listProps
-    }, props)), children]
-  });
+      selectable: true,
+      selectedItems: selectedItems,
+      onSelectionChange: onSelectionChange,
+      multipleSelection: multiple,
+      ...props
+    });
+    $[44] = finalOnPageChange;
+    $[45] = finalOnQueryChange;
+    $[46] = multiple;
+    $[47] = onQueryReset;
+    $[48] = props;
+    $[49] = query;
+    $[50] = resource;
+    $[51] = selectedItems;
+    $[52] = t30;
+  } else {
+    t30 = $[52];
+  }
+  let t31;
+  if ($[53] !== children || $[54] !== className || $[55] !== onClosed || $[56] !== opened || $[57] !== size || $[58] !== t22 || $[59] !== t23 || $[60] !== t29 || $[61] !== t30) {
+    t31 = /*#__PURE__*/jsxs(Dialog, {
+      id: t22,
+      title: t23,
+      size: size,
+      visible: opened,
+      requestClose: requestClose,
+      onClosed: onClosed,
+      buttons: t29,
+      className: className,
+      children: [t30, children]
+    });
+    $[53] = children;
+    $[54] = className;
+    $[55] = onClosed;
+    $[56] = opened;
+    $[57] = size;
+    $[58] = t22;
+    $[59] = t23;
+    $[60] = t29;
+    $[61] = t30;
+    $[62] = t31;
+  } else {
+    t31 = $[62];
+  }
+  return t31;
 }
 
 export { ModalResourceItems as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/modal-resource-items",
-    "version": "4.0.39",
+    "version": "4.0.40-alpha.3",
     "description": "Resource items modal",
     "keywords": [
         "javascript"
@@ -52,11 +52,11 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.38",
-        "@panneau/intl": "^4.0.38",
-        "@panneau/list-resource-items": "^4.0.39",
-        "@panneau/modal-dialog": "^4.0.39",
-        "@panneau/themes": "^4.0.38",
+        "@panneau/core": "^4.0.40-alpha.3",
+        "@panneau/intl": "^4.0.40-alpha.3",
+        "@panneau/list-resource-items": "^4.0.40-alpha.3",
+        "@panneau/modal-dialog": "^4.0.40-alpha.3",
+        "@panneau/themes": "^4.0.40-alpha.3",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "621c5233f083c1ba95cd46cd427c38361723d5d6"
+    "gitHead": "1735964a2702ae0480b642225286e4184f36680d"
 }