@agilemotion/oui-react-js 1.8.56 → 1.8.58

package/dist/components/WordDocumentViewer.js

@@ -13,11 +13,10 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 var _ej2Base = require("@syncfusion/ej2-base");
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 var _LottieIcon = _interopRequireDefault(require("./LottieIcon"));
-var _ej2ReactSplitbuttons = require("@syncfusion/ej2-react-splitbuttons");
+require("./WordDocumentViewer.css");
 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 (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; }
-const KEY = exports.KEY = 'ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je';
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const KEY = exports.KEY = 'Ngo9BigBOggjHTQxAR8/V1JGaF5cXGpCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdlWX5ceHVRQ2BYUUdwX0NWYEs=';
 (0, _ej2Base.registerLicense)(KEY);
 const DOCSVC = exports.DOCSVC = "https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/";
 _ej2ReactDocumenteditor.DocumentEditorContainerComponent.Inject(_ej2ReactDocumenteditor.Toolbar);
@@ -77,34 +76,63 @@ function applyLevel(ed) {
 const WordDocumentViewer = props => {
   const [container, setContainer] = _react.default.useState(null);
   const [items, setItems] = _react.default.useState(null);
-  const [height, setHeight] = _react.default.useState(0);
-  const [width, setWidth] = _react.default.useState(0);
   const [visible, setVisible] = _react.default.useState(true);
   const [reRendering, setReRendering] = _react.default.useState(false);
   const [json, setJson] = _react.default.useState(null);
   const [errorMessage, setErrorMessage] = _react.default.useState(null);
+  const currentText = _react.default.useRef(null);
+  const activeAnchorRef = (0, _react.useRef)(null);
+  const anchorEnd = (0, _react.useRef)(false);
+  const deleteLockRef = (0, _react.useRef)(false);
+  const loading = (0, _react.useRef)(true);
   const ref = useOnFullyVisible(el => {
-    //console.log('Document fully visible & rendered:', el);
     if (!reRendering) {
       setVisible(false);
       setReRendering(true);
     }
   });
-
-  /*let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|',
-      {
-          template: '' +
-              '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
-          undo: true,
-          click: onClick.bind(this),
-          tooltipText: 'Insert Placeholders'
-      }, '|', 'Undo', 'Redo'
-  ];*/
-
+  function isPointInsideElement(x, y, el) {
+    if (!el) return false;
+    const rect = el.getBoundingClientRect();
+    return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+  }
+  function getViewerElement() {
+    return document.getElementById("".concat(props.id, "-container_editor_viewerContainer"));
+  }
+  function isNavigationKey(e) {
+    return ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown'].includes(e.key);
+  }
+  function normalizeAnchor(value) {
+    if (!value) return null;
+    return value.replace(/^\[\[|\]\]$/g, '').replace(/^<<|>>$/g, '');
+  }
+  let viewerElement = getViewerElement();
+  function insertReadonlyAnchor(eventData, dropPosition) {
+    if (!(container !== null && container !== void 0 && container.documentEditor)) return;
+    if (!dropPosition) return;
+    if (!isPointInsideElement(dropPosition.x, dropPosition.y, viewerElement)) {
+      // Drop did not happen inside this document
+      //console.log("DROP NOT INSIDE THIS DOCUMENT : ", dropPosition);
+      return;
+    }
+    const doc = container.documentEditor;
+    const ed = doc.editor;
+    const sel = doc.selection;
+    if (!ed || !sel) return;
+    const token = "[[".concat(normalizeAnchor(eventData), "]]");
+    ed.insertText(token);
+  }
+  const dropData = _react.default.useRef(null);
   const api = () => {
     return {
       getValue: () => {
         return saveAsBase64();
+      },
+      insertReadonlyAnchor: async (value, dropPosition) => {
+        dropData.current = {
+          value,
+          dropPosition
+        };
       }
     };
   };
@@ -126,84 +154,6 @@ const WordDocumentViewer = props => {
     id: 'clear',
     text: 'Clear list'
   }];
-  const onNumberingSelect = args => {
-    const ed = containerRef.current?.documentEditor?.editor;
-    if (!ed) return;
-    switch (args.item.id) {
-      case 'lvl-0':
-        applyLevel(ed, 0);
-        break;
-      case 'lvl-1':
-        applyLevel(ed, 1);
-        break;
-      case 'lvl-2':
-        applyLevel(ed, 2);
-        break;
-      case 'clear':
-        ed.clearList();
-        break;
-      default:
-        break;
-    }
-  };
-  const onCreated = () => {
-    const container = containerRef.current;
-    const tb = container?.toolbarModule?.toolbar; // EJ2 Toolbar instance
-    if (!tb) return;
-
-    // 1) Add a placeholder button into the toolbar at the end
-    tb.addItems([{
-      type: 'Separator'
-    }, {
-      // Use a real HTML template (string) and give it an id
-      template: '<button id="numbering-ddb" class="e-btn e-flat" type="button">Numbering</button>',
-      tooltipText: 'Numbering styles'
-    }], tb.items.length);
-
-    // 2) Turn that placeholder into a functioning DropDownButton
-    const ddb = new DropDownButton({
-      content: 'Numbering',
-      cssClass: 'e-flat',
-      items: [{
-        id: 'lvl-0',
-        text: '1.'
-      }, {
-        id: 'lvl-1',
-        text: '1.1'
-      }, {
-        id: 'lvl-2',
-        text: '1.1.1'
-      }, {
-        separator: true
-      }, {
-        id: 'clear',
-        text: 'Clear list'
-      }],
-      select: args => {
-        const ed = container.documentEditor.editor;
-        if (!ed) return;
-        switch (args.item.id) {
-          case 'lvl-0':
-            applyLevel(ed, 0);
-            break;
-          case 'lvl-1':
-            applyLevel(ed, 1);
-            break;
-          case 'lvl-2':
-            applyLevel(ed, 2);
-            break;
-          case 'clear':
-            ed.clearList();
-            break;
-          default:
-            break;
-        }
-      }
-    }, '#numbering-ddb');
-
-    // (optional) keep a ref if you want to dispose on unmount
-    container._numberingDDB = ddb;
-  };
   _react.default.useEffect(() => {
     let toolbarItems = props.commentsOnly ? ["Comments"] : ["Undo", "Redo", "Separator", {
       id: 'bullets',
@@ -224,7 +174,8 @@ const WordDocumentViewer = props => {
     setItems(toolbarItems);
   }, []);
   _react.default.useEffect(() => {
-    if (props.file?.base64) {
+    var _props$file;
+    if ((_props$file = props.file) !== null && _props$file !== void 0 && _props$file.base64) {
       let base64 = props.file.base64;
       const arrayBuffer = _Utils.default.base64ToArrayBuffer(base64);
       const file = new Blob([arrayBuffer], {
@@ -232,7 +183,7 @@ const WordDocumentViewer = props => {
       });
       const formData = new FormData();
       formData.append('files', file, 'document.docx');
-      (0, _reactPromiseTracker.trackPromise)(fetch(`${DOCSVC}Import`, {
+      (0, _reactPromiseTracker.trackPromise)(fetch("".concat(DOCSVC, "Import"), {
         method: 'POST',
         body: formData
       }).then(response => {
@@ -246,7 +197,7 @@ const WordDocumentViewer = props => {
     if (reRendering) {
       const timer = window.setTimeout(() => {
         setVisible(true);
-      }, 1_000);
+      }, 1000);
       return () => window.clearTimeout(timer);
     }
   }, [reRendering]);
@@ -259,33 +210,294 @@ const WordDocumentViewer = props => {
       return null;
     }
     if (container) {
+      var _props$file2, _props$file3;
       container.documentEditor.editor.stopProtection("password");
       let blob = await container.documentEditor.saveAsBlob('Docx');
       if (props.commentsOnly) {
         container.documentEditor.editor.enforceProtection('password', 'CommentsOnly');
       }
-      return new File([blob], props.file?.name ? props.file.name : 'document.docx', {
-        type: props.file?.type ? props.file.type : 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+      return new File([blob], (_props$file2 = props.file) !== null && _props$file2 !== void 0 && _props$file2.name ? props.file.name : 'document.docx', {
+        type: (_props$file3 = props.file) !== null && _props$file3 !== void 0 && _props$file3.type ? props.file.type : 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
       });
     }
   };
+  function extractDocumentText(editor) {
+    if (currentText.current) return currentText.current;
+    const originalStart = selection.startOffset;
+    const originalEnd = selection.endOffset;
+    editor.selection.selectAll();
+    const text = editor.selection.getText();
+    editor.selection.select(originalStart, originalEnd);
+    currentText.current = text;
+    return text;
+  }
+  function extractAnchorTokens(text) {
+    const regex = /\[\[[^\[\]]+?\]\]/g;
+    const tokens = new Set();
+    let match;
+    while ((match = regex.exec(text)) !== null) {
+      tokens.add(match[0]); // exact [[TEXT]]
+    }
+    return Array.from(tokens);
+  }
+  function isCaretWithinRange(caret, start, end) {
+    if (caret.paragraph !== start.paragraph) return false;
+    const x = caret.location.xIn;
+    const y = caret.location.yIn;
+
+    //console.log("CHECKING CARET WITHIN RANGE : ", x, y, start.location.xIn, start.location.yIn, end.location.xIn, end.location.yIn);
+    return y === start.location.yIn && x >= start.location.xIn && x <= end.location.xIn;
+  }
+  function deleteCurrentAnchor(container) {
+    const editor = container === null || container === void 0 ? void 0 : container.documentEditor;
+    const selection = editor === null || editor === void 0 ? void 0 : editor.selection;
+    const docEditor = editor === null || editor === void 0 ? void 0 : editor.editor;
+    const anchor = activeAnchorRef.current;
+    if (!editor || !selection || !docEditor || !anchor) return;
+
+    //console.log("END OFFSET : ", anchor.endOffset, bumpOffset(anchor.endOffset, -1))
+    //console.log("START - END : ", anchor.startOffset, bumpOffset(anchor.endOffset, -1));
+    try {
+      selection.select(anchor.startOffset, anchor.endOffset);
+      //console.log("SELECTION TEXT : " + selection.text);
+      //docEditor.delete();
+      //selection.select(anchor.startOffset, anchor.startOffset);
+    } finally {
+      activeAnchorRef.current = null;
+      updateActiveAnchor(container);
+    }
+  }
+  function updateActiveAnchor(container) {
+    activeAnchorRef.current = grabAnchorWithBounds(container);
+  }
+  function scanRightUntilAnchor(editor, originOffset) {
+    let maxScan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
+    const sel = editor.selection;
+    let current = originOffset;
+    for (let i = 0; i < maxScan; i++) {
+      // move right
+      current = bumpOffset(current, +1);
+      sel.select(current, current);
+
+      // select ONE character only
+      sel.select(current, bumpOffset(current, +1));
+      const ch = sel.text;
+
+      // ⛔ Bail on whitespace or paragraph break
+      if (!ch || /\s/.test(ch)) return null;
+
+      // Detect closing "]]"
+      if (ch === ']') {
+        // lookahead one char
+        const next = bumpOffset(current, +1);
+        sel.select(next, bumpOffset(next, +1));
+        if (sel.text === ']') {
+          // return position AFTER ]]
+          return bumpOffset(current, +2);
+        }
+      }
+    }
+    return null;
+  }
+  function scanLeftUntilAnchor(editor, originOffset) {
+    let maxScan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
+    const sel = editor.selection;
+    let current = originOffset;
+    for (let i = 0; i < maxScan; i++) {
+      current = bumpOffset(current, -1);
+
+      // select one char to the left
+      sel.select(bumpOffset(current, -1), current);
+      const ch = sel.text;
+      if (!ch || /\s/.test(ch)) return null;
+
+      // detect [[
+      if (ch === '[') {
+        const prev = bumpOffset(current, -1);
+        sel.select(bumpOffset(prev, -1), prev);
+        if (sel.text === '[') {
+          // 🔑 FIX: go back TWO chars
+          return bumpOffset(current, -2);
+        }
+      }
+    }
+    return null;
+  }
+  function getCharAt(editor, offset) {
+    const sel = editor.selection;
+    sel.select(offset, bumpOffset(offset, +1));
+    return sel.text || null;
+  }
+  function isCaretImmediatelyBeforeAnchorStart(editor, offset) {
+    const c0 = getCharAt(editor, offset);
+    const c1 = getCharAt(editor, bumpOffset(offset, +1));
+    return c0 === '[' && c1 === '['; // |[[TEXT]]
+  }
+  function isCaretImmediatelyAfterAnchor(editor, offset) {
+    return getCharAt(editor, bumpOffset(offset, -1)) === ']' && getCharAt(editor, bumpOffset(offset, -2)) === ']';
+  }
+  function grabAnchorWithBounds(container) {
+    const editor = container === null || container === void 0 ? void 0 : container.documentEditor;
+    const selection = editor === null || editor === void 0 ? void 0 : editor.selection;
+    const originalStart = selection.startOffset;
+    const originalEnd = selection.endOffset;
+    selection.selectCurrentWord();
+    selection.select(originalStart, originalEnd);
+
+    //let word = selection.text;
+    //console.log("grabAnchorWithBounds SELECTION TEXT : ", word);
+
+    let scanStart = originalStart;
+    try {
+      if (isCaretImmediatelyBeforeAnchorStart(editor, originalStart)) {
+        return null;
+      }
+      let isCaretAtEnd = isCaretImmediatelyAfterAnchor(editor, originalStart);
+      if (isCaretAtEnd) {
+        //console.log("CARET AT END");
+        scanStart = bumpOffset(originalStart, -3);
+      }
+      const left = scanLeftUntilAnchor(editor, scanStart);
+      const right = scanRightUntilAnchor(editor, scanStart);
+      if (left && right) {
+        selection.select(left, right);
+        const text = selection.text;
+        anchorEnd.current = isCaretAtEnd;
+
+        /*console.log("GRAB RESULT : ", {
+            token: text,
+            startOffset: left,
+            endOffset: right
+        });*/
+
+        if (/^\[\[.+?\]\]$/.test(text)) {
+          return {
+            token: text,
+            startOffset: left,
+            endOffset: right
+          };
+        }
+      }
+    } finally {
+      selection.select(originalStart, originalEnd);
+    }
+  }
+  function bumpOffset(offset, delta) {
+    const parts = offset.split(';');
+    const idx = parts.length - 1;
+    const value = Math.max(0, parseInt(parts[idx], 10) + delta);
+    parts[idx] = value.toString();
+    return parts.join(';');
+  }
   _react.default.useEffect(() => {
     if (container) {
       setupContainer();
       //autoSave();
+
+      const editor = container.documentEditor;
+      editor.addEventListener('keyDown', args => {
+        const e = args.event;
+
+        // 1️⃣ Navigation keys → inspect only
+        if (isNavigationKey(e)) {
+          requestAnimationFrame(() => {
+            updateActiveAnchor(container);
+            //console.log("ACTIVE ANCHOR : ", activeAnchorRef.current);
+          });
+          return;
+        }
+
+        //console.log("DELETE LOCKED : ", deleteLockRef.current);
+        if (e.key === 'Backspace' || e.key === 'Delete') {
+          if (deleteLockRef.current) {
+            // Syncfusion already deleted → rewind safely
+            editor.editorHistory.undo();
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+          }
+
+          // Acquire lock
+          deleteLockRef.current = true;
+
+          // Release lock when editor is actually stable
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              deleteLockRef.current = false;
+            });
+          });
+        }
+
+        // 2️⃣ If we are inside a restricted anchor
+        //console.log("anchorEnd.current : ", anchorEnd.current, activeAnchorRef.current);
+        if (activeAnchorRef.current && !isNavigationKey(e) || anchorEnd.current) {
+          // Delete / Backspace = delete whole anchor
+          if (e.key === 'Backspace' || e.key === 'Delete') {
+            //editor.editorHistory.undo();
+            e.preventDefault();
+            e.stopPropagation();
+            deleteCurrentAnchor(container, activeAnchorRef.current);
+            activeAnchorRef.current = null;
+            anchorEnd.current = false;
+            deleteLockRef.current = false;
+            return;
+          }
+
+          // We do not want to block when we are at the end of an anchor. Input will never damage the anchor
+          //console.log("UNBLOCKING : ", anchorEnd.current, activeAnchorRef.current);
+          if (!anchorEnd.current) {
+            // 🔒 Block typing & paste
+            if (e.key.length === 1 ||
+            // printable char
+            e.ctrlKey || e.metaKey) {
+              e.preventDefault();
+              e.stopPropagation();
+            }
+          } else {
+            activeAnchorRef.current = null;
+          }
+          anchorEnd.current = false;
+        }
+        if (e.key === 'Backspace' || e.key === 'Delete') {
+          requestAnimationFrame(() => {
+            updateActiveAnchor(container);
+          });
+        }
+      });
+      const onMouseUp = e => {
+        if (!isPointInsideElement(e.clientX, e.clientY, viewerElement)) {
+          return;
+        }
+        if (dropData.current) {
+          insertReadonlyAnchor(dropData.current.value, dropData.current.dropPosition);
+          dropData.current = null;
+        }
+        updateActiveAnchor(container);
+        //viewer.style.overflow = 'auto';
+      };
+      viewerElement.addEventListener('mouseup', onMouseUp);
+      return () => viewerElement.removeEventListener('mouseup', onMouseUp);
     }
   }, [container]);
   _react.default.useEffect(() => {
     if (container && json) {
-      container.documentEditor.documentChange = () => {
+      container.documentEditor.documentChange = async () => {
         container.documentEditor.enableTrackChanges = !_Utils.default.isNull(props.trackChanges) ? props.trackChanges : true;
         if (props.commentsOnly) {
           container.documentEditor.editor.enforceProtection('password', 'CommentsOnly');
         } else if (props.readOnly) {
           container.documentEditor.isReadOnly = props.readOnly;
         }
+        if (loading.current) {
+          let file = await saveAsBase64();
+          if (props.valueChangeHandler) {
+            props.valueChangeHandler(file);
+          }
+          loading.current = false;
+        }
+        currentText.current = extractDocumentText(container.documentEditor.editor);
       };
-      container.documentEditor.addEventListener('contentChange', e => {
+      container.documentEditor.addEventListener('contentChange', async e => {
         if (props.disableAcceptChanges) {
           let acceptButtons = document.getElementsByClassName("e-de-track-accept-button");
           for (const acceptButton of acceptButtons) {
@@ -298,9 +510,14 @@ const WordDocumentViewer = props => {
             rejectButton.parentElement.removeChild(rejectButton);
           }
         }
-        if (props.valueChangeHandler) {
-          props.valueChangeHandler();
+        if (loading.current) {
+          let file = await saveAsBase64();
+          if (props.valueChangeHandler) {
+            props.valueChangeHandler(file);
+          }
+          loading.current = false;
         }
+        currentText.current = extractDocumentText(container.documentEditor.editor);
       });
       container.documentEditor.open(json);
       container.documentEditor.enableTrackChanges = !_Utils.default.isNull(props.trackChanges) ? props.trackChanges : true;
@@ -308,7 +525,8 @@ const WordDocumentViewer = props => {
     }
   }, [json, container]);
   const onToolbarClick = args => {
-    const ed = container?.documentEditor?.editor;
+    var _container$documentEd;
+    const ed = container === null || container === void 0 || (_container$documentEd = container.documentEditor) === null || _container$documentEd === void 0 ? void 0 : _container$documentEd.editor;
     if (!ed) return;
     switch (args.item.id) {
       case 'bullets':
@@ -338,7 +556,7 @@ const WordDocumentViewer = props => {
     style: {
       height: '100%'
     },
-    id: `parent-container`,
+    id: "parent-container",
     ref: ref
   }, !visible && /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -369,7 +587,7 @@ const WordDocumentViewer = props => {
       color: 'rgba(255, 255, 255, 0.8)'
     }
   }, errorMessage))), visible && items && (_Utils.default.isNull(props.trackChanges) || props.trackChanges === true) && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
-    id: `${props.id}-container`,
+    id: "".concat(props.id, "-container"),
     height: props.height || '1200px',
     ref: scope => {
       setContainer(scope);
@@ -386,10 +604,11 @@ const WordDocumentViewer = props => {
     restrictEditing: props.readOnly && !props.commentsOnly,
     showPropertiesPane: false,
     enableTrackChanges: true,
+    enableAutoFocus: false,
     serviceUrl: DOCSVC,
     enableToolbar: !props.readOnly || props.commentsOnly
   }), visible && items && props.trackChanges === false && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
-    id: `${props.id}-container`,
+    id: "".concat(props.id, "-container"),
     height: props.height || '1200px',
     ref: scope => {
       setContainer(scope);
@@ -405,6 +624,7 @@ const WordDocumentViewer = props => {
     toolbarItems: items,
     restrictEditing: props.readOnly && !props.commentsOnly,
     showPropertiesPane: false,
+    enableAutoFocus: false,
     serviceUrl: DOCSVC,
     enableToolbar: !props.readOnly || props.commentsOnly
   }));

package/dist/components/card/Card.js

@@ -9,27 +9,30 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _cardStyle = _interopRequireDefault(require("../../assets/jss/components/cardStyle"));
+const _excluded = ["className", "children", "plain", "profile", "blog", "raised", "background", "pricing", "color", "product", "testimonial", "chart", "login"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useStyles = (0, _styles.makeStyles)(_cardStyle.default);
 function Card(props) {
   const classes = useStyles();
   const {
-    className,
-    children,
-    plain,
-    profile,
-    blog,
-    raised,
-    background,
-    pricing,
-    color,
-    product,
-    testimonial,
-    chart,
-    login,
-    ...rest
-  } = props;
+      className,
+      children,
+      plain,
+      profile,
+      blog,
+      raised,
+      background,
+      pricing,
+      color,
+      product,
+      testimonial,
+      chart,
+      login
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const cardClasses = (0, _classnames.default)({
     [classes.card]: true,
     [classes.cardPlain]: plain,

package/dist/components/card/CardAvatar.js

@@ -9,20 +9,23 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _cardAvatarStyle = _interopRequireDefault(require("../../assets/jss/components/cardAvatarStyle"));
+const _excluded = ["children", "className", "plain", "profile", "testimonial", "testimonialFooter"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useStyles = (0, _styles.makeStyles)(_cardAvatarStyle.default);
 function CardAvatar(props) {
   const classes = useStyles();
   const {
-    children,
-    className,
-    plain,
-    profile,
-    testimonial,
-    testimonialFooter,
-    ...rest
-  } = props;
+      children,
+      className,
+      plain,
+      profile,
+      testimonial,
+      testimonialFooter
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const cardAvatarClasses = (0, _classnames.default)({
     [classes.cardAvatar]: true,
     [classes.cardAvatarProfile]: profile,