@insticc/react-datagrid-2 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "",
   "main": "build/index.js",
   "scripts": {

package/build/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _index = _interopRequireDefault(require("./wrapper/index.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-module.exports = {
-  DataGrid: _index["default"]
-};

package/build/wrapper/ActionButton.js

@@ -1,209 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _semanticUiReact = require("semantic-ui-react");
-var _material = require("@mui/material");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var ActionButton = function ActionButton(_ref) {
-  var table = _ref.table,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? '' : _ref$name,
-    tooltip = _ref.tooltip,
-    onClick = _ref.onClick,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'blue' : _ref$color,
-    icon = _ref.icon,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? 'always' : _ref$selectionMode,
-    _ref$confirmMessage = _ref.confirmMessage,
-    confirmMessage = _ref$confirmMessage === void 0 ? 'Are you sure you want to perform this action?' : _ref$confirmMessage,
-    _ref$hasConfirmMessag = _ref.hasConfirmMessage,
-    hasConfirmMessage = _ref$hasConfirmMessag === void 0 ? true : _ref$hasConfirmMessag,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    enableConfirmMessage = _useState2[0],
-    setEnableConfirmMessage = _useState2[1];
-
-  /**
-   * Renders the action button icon.
-   * If `icon` is a string, it will render it as an image.
-   * Otherwise, it will render the provided React element.
-   * @returns the action button icon.
-   */
-  var renderIcon = function renderIcon() {
-    if (typeof icon === 'string') {
-      return /*#__PURE__*/_react["default"].createElement("img", {
-        src: icon,
-        alt: name,
-        color: color,
-        height: 15,
-        style: {
-          marginRight: '.2em'
-        }
-      });
-    } else {
-      return icon;
-    }
-  };
-
-  /**
-   * Determines if the action button should be disabled.
-   * The button will be disabled based on the selection mode provided and the number of selected rows.
-   * - `single`: The button is enabled only when exactly one row is selected.
-   * - `multi`: The button is enabled when one or more rows are selected.
-   * - `always`: The button is never disabled.
-   * @param {Object} table - The data grid table instance.
-   * @returns {boolean} `true` if the action button should be disabled; otherwise, `false`.
-   */
-  var shouldDisableActionButton = function shouldDisableActionButton(table) {
-    var selectedRowCount = table.getSelectedRowModel().flatRows.length;
-    if (selectionMode === 'single') {
-      return selectedRowCount !== 1;
-    } else if (selectionMode === 'multi') {
-      return selectedRowCount < 1;
-    } else {
-      return false;
-    }
-  };
-
-  /**
-   * Handles the confirmation action.
-   * If the confirmation message is enabled, it will close the confirmation window and proceed with the action.
-   */
-  var handleConfirm = function handleConfirm() {
-    setEnableConfirmMessage(false);
-    handleClick(table);
-  };
-
-  /**
-   * Executes the action associated with the button.
-   * It retrieves the selected rows based on the selection mode and passes them to the `onClick` callback.
-   * @param {Object} table - The data grid table instance.
-   */
-  var handleClick = function handleClick(table) {
-    var rows = getSelectedRows(table);
-    onClick(rows);
-  };
-
-  /**
-   * Retrieves the data of the selected rows based on the selection mode.
-   * - `single`: Returns the data of the first selected row.
-   * - `multi`: Returns the data of all selected rows.
-   * - `always`: Returns the data of all rows in the current view.
-   * @param {Object} table - The data grid table instance.
-   * @returns {Object|Array} The data of the selected rows.
-   */
-  var getSelectedRows = function getSelectedRows(table) {
-    var selectedRows = table.getSelectedRowModel().flatRows;
-    if (selectionMode === 'single') {
-      var _selectedRows$;
-      return (_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.original;
-    } else if (selectionMode === 'multi') {
-      return selectedRows.map(function (row) {
-        return row.original;
-      });
-    } else {
-      return table.getPrePaginationRowModel().rows.map(function (row) {
-        return row.original;
-      });
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-    title: tooltip || name,
-    arrow: true
-  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, _extends({
-    disabled: disabled || shouldDisableActionButton(table),
-    onClick: function onClick() {
-      return hasConfirmMessage ? setEnableConfirmMessage(true) : handleConfirm();
-    },
-    icon: renderIcon()
-  }, name ? {
-    content: name
-  } : {}, {
-    basic: true,
-    color: color,
-    style: {
-      display: 'flex',
-      height: '40px',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  })))), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Confirm, {
-    style: {
-      height: 'fit-content',
-      textAlign: 'center',
-      top: 'auto',
-      right: 'auto',
-      left: 'auto',
-      bottom: 'auto',
-      fontSize: '14px'
-    },
-    open: enableConfirmMessage,
-    size: "mini",
-    content: confirmMessage,
-    cancelButton: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      content: "No",
-      size: "small",
-      color: "red",
-      icon: "cancel"
-    }),
-    confirmButton: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      content: "Yes",
-      size: "small",
-      color: "green",
-      icon: "check"
-    }),
-    onCancel: function onCancel() {
-      return setEnableConfirmMessage(false);
-    },
-    onConfirm: function onConfirm() {
-      return handleConfirm();
-    }
-  }));
-};
-ActionButton.propTypes = {
-  table: _propTypes["default"].object.isRequired,
-  // the data grid table
-  name: _propTypes["default"].string,
-  // the name of the action button
-  tooltip: _propTypes["default"].string,
-  // the tooltip for the action button
-  onClick: _propTypes["default"].func.isRequired,
-  // the callback to be called when the action button is clicked
-  color: _propTypes["default"].oneOf(['blue', 'red', 'green', 'yellow', 'orange', 'black', 'grey', 'purple', 'teal', 'brown', 'violet', 'purple', 'olive', 'pink']),
-  // the color of the action button
-  icon: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]).isRequired,
-  // the action button icon
-  selectionMode: _propTypes["default"].oneOf(['single', 'multi', 'always']),
-  // the action button selection mode
-  confirmMessage: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
-  // the action confirming message
-  hasConfirmMessage: _propTypes["default"].bool,
-  // defines whether there is a confirm message for the action button
-  disabled: _propTypes["default"].bool // defines whether the button is disabled
-};
-
-// ActionButton.defaultProps = {
-//   color: 'blue',
-//   selectionMode: 'always',
-//   confirmMessage: 'Are you sure you want to perform this action?',
-//   hasConfirmMessage: true,
-// }
-var _default = exports["default"] = ActionButton;

package/build/wrapper/ColumnFilter.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _semanticUiReact = require("semantic-ui-react");
-var _reactBootstrap = require("react-bootstrap");
-var _filters = require("./utils/filters");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var ColumnFilter = function ColumnFilter(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-    key: "regex",
-    onClick: function onClick() {
-      return props.onSelectFilterMode('regex');
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '5px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      minWidth: '36px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("b", null, "(.*)")), /*#__PURE__*/_react["default"].createElement("span", null, "Regex")), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.OverlayTrigger, {
-    placement: "right-start",
-    key: "regex-tooltip",
-    overlay: /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Tooltip, {
-      id: "tooltip-regex",
-      style: {
-        zIndex: 99999
-      }
-    }, _filters.regexFilterTooltip)
-  }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-    name: "info circle",
-    fitted: true
-  })))), /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-    key: "logical",
-    onClick: function onClick() {
-      return props.onSelectFilterMode('logical');
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '5px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      minWidth: '36px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("b", null, "\u03A8")), /*#__PURE__*/_react["default"].createElement("span", null, "Logical")), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.OverlayTrigger, {
-    placement: "right-start",
-    key: "logical-tooltip",
-    overlay: /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Tooltip, {
-      id: "tooltip-logical",
-      style: {
-        zIndex: 99999
-      }
-    }, _filters.logicalFilterTooltip)
-  }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-    name: "info circle",
-    fitted: true
-  })))), /*#__PURE__*/_react["default"].createElement(_material.Divider, {
-    style: {
-      borderColor: 'rgba(0, 0, 0, 0.51)'
-    }
-  }), props.filterOptions.map(function (filter, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: filter.option
-    }, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-      onClick: function onClick() {
-        return props.onSelectFilterMode(filter.option);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '5px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
-        minWidth: '36px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("b", null, filter.symbol)), /*#__PURE__*/_react["default"].createElement("span", null, filter.label))), filter.divider && /*#__PURE__*/_react["default"].createElement(_material.Divider, {
-      style: {
-        borderColor: 'rgba(0, 0, 0, 0.51)'
-      }
-    }));
-  }));
-};
-var _default = exports["default"] = ColumnFilter;