react-big-schedule 5.5.2-beta.4 → 6.0.0

package/dist/components/ResourceView.js

@@ -1,20 +1,8 @@
-"use strict";
+import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
+import PropTypes from 'prop-types';
+import React from 'react';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _icons = require("@ant-design/icons");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+/**
  * Render the scheduler's resource table with hierarchical indentation, optional expand/collapse controls,
  * clickable slot names, and support for custom slot templates or an injected resource-cell renderer.
  *
@@ -31,63 +19,67 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * `<td>` when provided; receives props `{ schedulerData, item, indents, slotClickedFunc, handleToggleExpand }`.
  * @returns {JSX.Element} The rendered resource table element.
  */
-function ResourceView(_ref) {
-  var schedulerData = _ref.schedulerData,
-    contentScrollbarHeight = _ref.contentScrollbarHeight,
-    slotClickedFunc = _ref.slotClickedFunc,
-    slotItemTemplateResolver = _ref.slotItemTemplateResolver,
-    toggleExpandFunc = _ref.toggleExpandFunc,
-    CustomResourceCell = _ref.CustomResourceCell,
-    isSelecting = _ref.isSelecting,
-    selectedResourceIds = _ref.selectedResourceIds;
-  var renderData = schedulerData.renderData;
-  var width = schedulerData.getResourceTableWidth() - 2;
-  var paddingBottom = contentScrollbarHeight;
-  var displayRenderData = renderData.filter(function (o) {
-    return o.render;
-  });
-  var handleToggleExpand = function handleToggleExpand(item) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ResourceView({
+  schedulerData,
+  contentScrollbarHeight,
+  slotClickedFunc,
+  slotItemTemplateResolver,
+  toggleExpandFunc,
+  CustomResourceCell,
+  isSelecting,
+  selectedResourceIds
+}) {
+  const {
+    renderData
+  } = schedulerData;
+  const width = schedulerData.getResourceTableWidth() - 2;
+  const paddingBottom = contentScrollbarHeight;
+  const displayRenderData = renderData.filter(o => o.render);
+  const handleToggleExpand = item => {
     if (toggleExpandFunc) {
       toggleExpandFunc(schedulerData, item.slotId);
     }
   };
-  var renderSlotItem = function renderSlotItem(item, indents) {
-    var indent = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  const renderSlotItem = (item, indents) => {
+    let indent = /*#__PURE__*/_jsx("span", {
       className: "expander-space"
-    }, "es".concat(item.indent));
-    var iconProps = {
-      onClick: function onClick() {
-        return handleToggleExpand(item);
-      }
+    }, `es${item.indent}`);
+    const iconProps = {
+      onClick: () => handleToggleExpand(item)
     };
     if (item.hasChildren) {
-      indent = item.expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MinusSquareOutlined, _objectSpread({}, iconProps), "es".concat(item.indent)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusSquareOutlined, _objectSpread({}, iconProps), "es".concat(item.indent));
+      indent = item.expanded ? /*#__PURE__*/_jsx(MinusSquareOutlined, {
+        ...iconProps
+      }, `es${item.indent}`) : /*#__PURE__*/_jsx(PlusSquareOutlined, {
+        ...iconProps
+      }, `es${item.indent}`);
     }
     indents.push(indent);
-    var tdStyle = {
+    const tdStyle = {
       height: item.rowHeight,
       backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined,
       borderLeft: '3px solid transparent'
     };
-    var selectedBorderColor = schedulerData.config.selectedSlotBorderColor || '#1677ff';
-    var selectedShadowColor = schedulerData.config.selectedSlotShadowColor || '#91caff';
-    var selectedSlotColor = schedulerData.config.selectedSlotColor || '#e6f4ff';
-    var hasSelectedResourceId = selectedResourceIds instanceof Set ? selectedResourceIds.has(item.slotId) : Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
-    var isRowSelected = isSelecting && hasSelectedResourceId;
+    const selectedBorderColor = schedulerData.config.selectedSlotBorderColor || '#1677ff';
+    const selectedShadowColor = schedulerData.config.selectedSlotShadowColor || '#91caff';
+    const selectedSlotColor = schedulerData.config.selectedSlotColor || '#e6f4ff';
+    const hasSelectedResourceId = selectedResourceIds instanceof Set ? selectedResourceIds.has(item.slotId) : Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
+    const isRowSelected = isSelecting && hasSelectedResourceId;
     if (isRowSelected) {
-      tdStyle.borderLeft = "3px solid ".concat(selectedBorderColor);
-      tdStyle.boxShadow = "inset 0 0 0 1px ".concat(selectedShadowColor);
+      tdStyle.borderLeft = `3px solid ${selectedBorderColor}`;
+      tdStyle.boxShadow = `inset 0 0 0 1px ${selectedShadowColor}`;
       if (!item.groupOnly) {
         tdStyle.backgroundColor = selectedSlotColor;
       }
     }
     if (CustomResourceCell) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      return /*#__PURE__*/_jsx("tr", {
         "aria-selected": isRowSelected,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        children: /*#__PURE__*/_jsx("td", {
           "data-resource-id": item.slotId,
           style: tdStyle,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResourceCell, {
+          children: /*#__PURE__*/_jsx(CustomResourceCell, {
             schedulerData: schedulerData,
             item: item,
             indents: indents,
@@ -97,22 +89,20 @@ function ResourceView(_ref) {
         })
       }, item.slotId);
     }
-    var slotCell = slotClickedFunc ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    const slotCell = slotClickedFunc ? /*#__PURE__*/_jsxs("span", {
       className: "slot-cell",
-      children: [indents, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: [indents, /*#__PURE__*/_jsx("button", {
         type: "button",
         style: {
           cursor: 'pointer'
         },
         className: "slot-text rbs-txt-btn-dis",
-        onClick: function onClick() {
-          return slotClickedFunc(schedulerData, item);
-        },
+        onClick: () => slotClickedFunc(schedulerData, item),
         children: item.slotName
       })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    }) : /*#__PURE__*/_jsxs("span", {
       className: "slot-cell",
-      children: [indents, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: [indents, /*#__PURE__*/_jsx("button", {
         type: "button",
         className: "slot-text rbs-txt-btn-dis",
         style: {
@@ -121,7 +111,7 @@ function ResourceView(_ref) {
         children: item.slotName
       })]
     });
-    var slotItem = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    let slotItem = /*#__PURE__*/_jsx("div", {
       title: item.slotTitle || item.slotName,
       className: "overflow-text header2-text",
       style: {
@@ -130,50 +120,50 @@ function ResourceView(_ref) {
       children: slotCell
     });
     if (slotItemTemplateResolver) {
-      var resolvedTemplate = slotItemTemplateResolver(schedulerData, item, slotClickedFunc, width, 'overflow-text header2-text');
+      const resolvedTemplate = slotItemTemplateResolver(schedulerData, item, slotClickedFunc, width, 'overflow-text header2-text');
       if (resolvedTemplate) {
         slotItem = resolvedTemplate;
       }
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    return /*#__PURE__*/_jsx("tr", {
       "aria-selected": isRowSelected,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      children: /*#__PURE__*/_jsx("td", {
         "data-resource-id": item.slotId,
         style: tdStyle,
         children: slotItem
       })
     }, item.slotId);
   };
-  var resourceList = displayRenderData.map(function (item) {
-    var indents = [];
-    for (var i = 0; i < item.indent; i += 1) {
-      indents.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  const resourceList = displayRenderData.map(item => {
+    const indents = [];
+    for (let i = 0; i < item.indent; i += 1) {
+      indents.push(/*#__PURE__*/_jsx("span", {
         className: "expander-space"
-      }, "es".concat(i)));
+      }, `es${i}`));
     }
     return renderSlotItem(item, indents);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+  return /*#__PURE__*/_jsx("section", {
     style: {
-      paddingBottom: paddingBottom
+      paddingBottom
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+    children: /*#__PURE__*/_jsx("table", {
       className: "resource-table",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+      children: /*#__PURE__*/_jsx("tbody", {
         children: resourceList
       })
     })
   });
 }
 ResourceView.propTypes = {
-  schedulerData: _propTypes["default"].object.isRequired,
-  schedulerDataVersion: _propTypes["default"].number,
-  contentScrollbarHeight: _propTypes["default"].number.isRequired,
-  slotClickedFunc: _propTypes["default"].func,
-  slotItemTemplateResolver: _propTypes["default"].func,
-  toggleExpandFunc: _propTypes["default"].func,
-  CustomResourceCell: _propTypes["default"].func,
-  isSelecting: _propTypes["default"].bool,
-  selectedResourceIds: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _propTypes["default"].instanceOf(Set)])
+  schedulerData: PropTypes.object.isRequired,
+  schedulerDataVersion: PropTypes.number,
+  contentScrollbarHeight: PropTypes.number.isRequired,
+  slotClickedFunc: PropTypes.func,
+  slotItemTemplateResolver: PropTypes.func,
+  toggleExpandFunc: PropTypes.func,
+  CustomResourceCell: PropTypes.func,
+  isSelecting: PropTypes.bool,
+  selectedResourceIds: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.instanceOf(Set)])
 };
-var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(ResourceView);
+export default /*#__PURE__*/React.memo(ResourceView);