npm - @manuscripts/style-guide - Versions diffs - 0.30.22 → 0.30.25 - Mend

@manuscripts/style-guide 0.30.22 → 0.30.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/es/components/FileManager/util.js CHANGED Viewed

@@ -4,6 +4,8 @@ import CodeFileIcon from '../icons/code-file-icon';
 import CompressedFileIcon from '../icons/compressed-file-icon';
 import DocumentIcon from '../icons/document-icon';
 import FigureIcon from '../icons/figure-icon';
+import GraphicalAbstractIcon from '../icons/graphical_abstract_icon';
+import ImageIcon from '../icons/image-icon';
 import LatexIcon from '../icons/latex-icon';
 import PdfFileIcon from '../icons/pdf-file-icon';
 import TableIcon from '../icons/table-icon';
@@ -27,6 +29,8 @@ export var FileType;
     FileType[FileType["PdfFile"] = 7] = "PdfFile";
     FileType[FileType["CompressedFile"] = 8] = "CompressedFile";
     FileType[FileType["PlainText"] = 9] = "PlainText";
+    FileType[FileType["Figure"] = 10] = "Figure";
+    FileType[FileType["GraphicalAbstract"] = 11] = "GraphicalAbstract";
 })(FileType || (FileType = {}));
 export var Designation;
 (function (Designation) {
@@ -46,8 +50,8 @@ export var Designation;
     Designation[Designation["MainManuscript"] = 13] = "MainManuscript";
 })(Designation || (Designation = {}));
 export const designationWithFileSectionsMap = new Map([
-    [Designation.Figure, FileSectionType.Inline],
-    [Designation.Table, FileSectionType.Inline],
+    [Designation.Figure, FileSectionType.OtherFile],
+    [Designation.Table, FileSectionType.OtherFile],
     [Designation.Supplementary, FileSectionType.Supplements],
     [Designation.ConflictOfInterest, FileSectionType.OtherFile],
     [Designation.Document, FileSectionType.OtherFile],
@@ -334,18 +338,23 @@ export const fileTypesWithIconMap = new Map([
         FileType.PlainText,
         React.createElement(DocumentIcon, { key: FileType.PlainText, color: "#FFBD26" }),
     ],
-    [FileType.Image, React.createElement(FigureIcon, { key: FileType.Image })],
+    [FileType.Image, React.createElement(ImageIcon, { key: FileType.Image })],
+    [FileType.Figure, React.createElement(FigureIcon, { key: FileType.Figure })],
+    [
+        FileType.GraphicalAbstract,
+        React.createElement(GraphicalAbstractIcon, { key: FileType.GraphicalAbstract }),
+    ],
     [undefined, React.createElement(UnknownFormatFileIcon, { key: undefined })],
 ]);
-export const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
+export const generateAttachmentsTitles = (externalFiles, fileSectionType) => {
     const titleCountersMap = new Map();
     const externalFilesWithTitlesMap = new Map();
     externalFiles.forEach((element) => {
-        const fileExtension = element.filename.substring(element.filename.lastIndexOf('.') + 1);
+        const fileExtension = element.name.substring(element.name.lastIndexOf('.') + 1);
         const fileType = extensionsWithFileTypesMap.get(fileExtension.toLowerCase());
         const fileTitle = fileTypesWithTitlesMap.get(fileType);
         if (fileSectionType === FileSectionType.Inline) {
-            externalFilesWithTitlesMap.set(element.filename, element);
+            externalFilesWithTitlesMap.set(element.name, element);
         }
         else {
             if (fileTitle !== undefined) {
@@ -368,13 +377,6 @@ export const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
     }));
     return result;
 };
-export const sortExternalFiles = (externalFile) => externalFile
-    .sort((a, b) => Number(a.createdAt) - Number(b.createdAt))
-    .sort((a, b) => b.designation === 'main-manuscript'
-    ? 1
-    : a.designation === 'main-manuscript'
-        ? -1
-        : 0);
 export const getDesignationActionsList = (designation, fileExtension) => {
     const allowedDesignationsToTransition = designationWithAllowedDesignationsToTransitionMap.get(designation);
     if (allowedDesignationsToTransition) {
@@ -458,10 +460,3 @@ export const droppableSections = [
     FileSectionType.Supplements,
     FileSectionType.OtherFile,
 ];
-const isOfDesignation = (file, designation) => {
-    const formats = designationWithAllowedMediaTypesMap.get(designation);
-    return !!(formats === null || formats === void 0 ? void 0 : formats.find((type) => file.MIME.indexOf('/' + type) >= 0));
-};
-export const isFigure = (file) => {
-    return isOfDesignation(file, Designation.Figure);
-};

package/dist/es/components/icons/audio-icon.js CHANGED Viewed

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 import React from 'react';
-const AudioIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M8 14C7.73478 14 7.48043 13.8946 7.29289 13.7071C7.10536 13.5196 7 13.2652 7 13V3C7 2.73478 7.10536 2.48043 7.29289 2.29289C7.48043 2.10536 7.73478 2 8 2C8.26522 2 8.51957 2.10536 8.70711 2.29289C8.89464 2.48043 9 2.73478 9 3V13C9 13.2652 8.89464 13.5196 8.70711 13.7071C8.51957 13.8946 8.26522 14 8 14Z", fill: "#F474AE" }),
-    React.createElement("path", { d: "M4 12C3.73478 12 3.48043 11.8946 3.29289 11.7071C3.10536 11.5196 3 11.2652 3 11V5C3 4.73478 3.10536 4.48043 3.29289 4.29289C3.48043 4.10536 3.73478 4 4 4C4.26522 4 4.51957 4.10536 4.70711 4.29289C4.89464 4.48043 5 4.73478 5 5V11C5 11.2652 4.89464 11.5196 4.70711 11.7071C4.51957 11.8946 4.26522 12 4 12Z", fill: "#F474AE" }),
-    React.createElement("path", { d: "M12 10C11.7348 10 11.4804 9.89464 11.2929 9.70711C11.1054 9.51957 11 9.26522 11 9V7C11 6.73478 11.1054 6.48043 11.2929 6.29289C11.4804 6.10536 11.7348 6 12 6C12.2652 6 12.5196 6.10536 12.7071 6.29289C12.8946 6.48043 13 6.73478 13 7V9C13 9.26522 12.8946 9.51957 12.7071 9.70711C12.5196 9.89464 12.2652 10 12 10Z", fill: "#F474AE" })));
+const AudioIcon = (props) => (React.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M12 21.7197C11.6022 21.7197 11.2206 21.5617 10.9393 21.2804C10.658 20.9991 10.5 20.6176 10.5 20.2197V5.21973C10.5 4.8219 10.658 4.44037 10.9393 4.15907C11.2206 3.87776 11.6022 3.71973 12 3.71973C12.3978 3.71973 12.7794 3.87776 13.0607 4.15907C13.342 4.44037 13.5 4.8219 13.5 5.21973V20.2197C13.5 20.6176 13.342 20.9991 13.0607 21.2804C12.7794 21.5617 12.3978 21.7197 12 21.7197Z", fill: "#F474AE" }),
+    React.createElement("path", { d: "M6 18.7197C5.60218 18.7197 5.22064 18.5617 4.93934 18.2804C4.65804 17.9991 4.5 17.6176 4.5 17.2197V8.21973C4.5 7.8219 4.65804 7.44037 4.93934 7.15907C5.22064 6.87776 5.60218 6.71973 6 6.71973C6.39782 6.71973 6.77936 6.87776 7.06066 7.15907C7.34196 7.44037 7.5 7.8219 7.5 8.21973V17.2197C7.5 17.6176 7.34196 17.9991 7.06066 18.2804C6.77936 18.5617 6.39782 18.7197 6 18.7197Z", fill: "#F474AE" }),
+    React.createElement("path", { d: "M18 15.7197C17.6022 15.7197 17.2206 15.5617 16.9393 15.2804C16.658 14.9991 16.5 14.6176 16.5 14.2197V11.2197C16.5 10.8219 16.658 10.4404 16.9393 10.1591C17.2206 9.87776 17.6022 9.71973 18 9.71973C18.3978 9.71973 18.7794 9.87776 19.0607 10.1591C19.342 10.4404 19.5 10.8219 19.5 11.2197V14.2197C19.5 14.6176 19.342 14.9991 19.0607 15.2804C18.7794 15.5617 18.3978 15.7197 18 15.7197Z", fill: "#F474AE" })));
 export default AudioIcon;

package/dist/es/components/icons/code-file-icon.js CHANGED Viewed

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 import React from 'react';
-const CodeFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M4.28492 11.6493L0.81779 8.18221L4.36914 4.63086", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M12.3684 11.6493L15.8355 8.18221L12.2842 4.63086", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M10 1L7 15", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+const CodeFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M5.35566 15.2819L1.02175 10.948L5.46094 6.50879", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M15.4617 15.2819L19.7956 10.948L15.3564 6.50879", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M12.5 1.96973L8.75 19.4697", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
 export default CodeFileIcon;

package/dist/es/components/icons/compressed-file-icon.js CHANGED Viewed

@@ -14,15 +14,15 @@
  * limitations under the License.
  */
 import React from 'react';
-const CompressedFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("line", { x1: "8.75", y1: "2", x2: "8.75", y2: "3", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("line", { x1: "8.75", y1: "4", x2: "8.75", y2: "5", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("line", { x1: "8.75", y1: "6", x2: "8.75", y2: "7", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("line", { x1: "7.75", y1: "3", x2: "7.75", y2: "4", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("line", { x1: "7.75", y1: "5", x2: "7.75", y2: "6", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("line", { x1: "7.75", y1: "7", x2: "7.75", y2: "8", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("rect", { x: "1.25", y: "1.25", width: "13.5", height: "15.5", rx: "1.75", stroke: "#353535", strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M5.98334 9V9.33493C5.98334 9.38252 5.97553 9.42919 5.95991 9.47495C5.94603 9.5207 5.92607 9.56372 5.90004 9.60398L4.1194 12.2862H5.92607V13H3V12.6431C3 12.601 3.00694 12.5598 3.02083 12.5196C3.03471 12.4775 3.0538 12.439 3.0781 12.4043L4.86394 9.7138H3.14578V9H5.98334Z", fill: "#353535" }),
-    React.createElement("path", { d: "M8.39059 13H7.50548V9H8.39059V13Z", fill: "#353535" }),
-    React.createElement("path", { d: "M11.0163 11.663V13H10.1364V9H11.4745C11.7418 9 11.9708 9.03386 12.1617 9.10158C12.3544 9.16747 12.5123 9.25898 12.6355 9.37612C12.7605 9.49325 12.8525 9.63143 12.9115 9.79067C12.9705 9.9499 13 10.1219 13 10.3068C13 10.5063 12.9696 10.6893 12.9089 10.8559C12.8481 11.0224 12.7553 11.1652 12.6303 11.2841C12.5054 11.4031 12.3466 11.4965 12.1539 11.5642C11.963 11.6301 11.7365 11.663 11.4745 11.663H11.0163ZM11.0163 10.9629H11.4745C11.7036 10.9629 11.8684 10.9053 11.9691 10.79C12.0698 10.6747 12.1201 10.5136 12.1201 10.3068C12.1201 10.2153 12.1071 10.132 12.081 10.057C12.055 9.98193 12.0151 9.91787 11.9613 9.86479C11.9092 9.80988 11.8424 9.76779 11.7608 9.7385C11.681 9.70922 11.5856 9.69458 11.4745 9.69458H11.0163V10.9629Z", fill: "#353535" })));
+const CompressedFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "22", height: "26", viewBox: "0 0 22 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("line", { x1: "11.75", y1: "2.21973", x2: "11.75", y2: "3.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("line", { x1: "11.75", y1: "5.21973", x2: "11.75", y2: "6.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("line", { x1: "11.75", y1: "8.21973", x2: "11.75", y2: "9.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("line", { x1: "10.25", y1: "3.71973", x2: "10.25", y2: "5.21973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("line", { x1: "10.25", y1: "6.71973", x2: "10.25", y2: "8.21973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("line", { x1: "10.25", y1: "9.71973", x2: "10.25", y2: "11.2197", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("rect", { x: "1", y: "1.21973", width: "20", height: "23", rx: "2", stroke: "#6E6E6E", strokeWidth: "2" }),
+    React.createElement("path", { d: "M7.97502 12.7197V13.2221C7.97502 13.2935 7.9633 13.3635 7.93987 13.4321C7.91904 13.5008 7.88911 13.5653 7.85006 13.6257L5.17911 17.649H7.88911V18.7197H3.5V18.1844C3.5 18.1212 3.51041 18.0595 3.53124 17.9991C3.55207 17.9359 3.5807 17.8783 3.61715 17.8261L6.29591 13.7904H3.71867V12.7197H7.97502Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M11.5859 18.7197H10.2582V12.7197H11.5859V18.7197Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M15.5245 16.7142V18.7197H14.2046V12.7197H16.2117C16.6126 12.7197 16.9563 12.7705 17.2426 12.8721C17.5316 12.9709 17.7685 13.1082 17.9533 13.2839C18.1407 13.4596 18.2787 13.6669 18.3672 13.9057C18.4557 14.1446 18.5 14.4026 18.5 14.6799C18.5 14.9792 18.4544 15.2537 18.3633 15.5035C18.2722 15.7534 18.1329 15.9675 17.9455 16.1459C17.7581 16.3244 17.5199 16.4644 17.2309 16.566C16.9445 16.6648 16.6048 16.7142 16.2117 16.7142H15.5245ZM15.5245 15.6641H16.2117C16.5554 15.6641 16.8027 15.5777 16.9537 15.4047C17.1046 15.2317 17.1801 14.9901 17.1801 14.6799C17.1801 14.5427 17.1606 14.4177 17.1216 14.3052C17.0825 14.1926 17.0226 14.0965 16.9419 14.0169C16.8638 13.9346 16.7636 13.8714 16.6413 13.8275C16.5215 13.7836 16.3783 13.7616 16.2117 13.7616H15.5245V15.6641Z", fill: "#6E6E6E" })));
 export default CompressedFileIcon;

package/dist/es/components/icons/document-icon-with-dot.js ADDED Viewed

@@ -0,0 +1,23 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+const DocumentIconWithDot = (props) => (React.createElement("svg", { width: "28", height: "33", viewBox: "0 0 28 33", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-for": "dot", "data-tip": true },
+    React.createElement("rect", { x: "9", y: "9.71973", width: "18", height: "22", rx: "2", stroke: "#1A9BC7", strokeWidth: "2" }),
+    React.createElement("rect", { x: "13.167", y: "14.0771", width: "5.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" }),
+    React.createElement("rect", { x: "13.167", y: "19.791", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" }),
+    React.createElement("rect", { x: "13.167", y: "25.5059", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" }),
+    React.createElement("circle", { cx: "8", cy: "8.71973", r: "7", fill: "#1A9BC7", stroke: "white", strokeWidth: "2" })));
+export default DocumentIconWithDot;

package/dist/es/components/icons/document-icon.js CHANGED Viewed

@@ -14,9 +14,9 @@
  * limitations under the License.
  */
 import React from 'react';
-const DocumentIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { x: "1.25", y: "1.25", width: "13.5", height: "15.5", rx: "1.75", stroke: props.color, strokeWidth: "1.5" }),
-    React.createElement("rect", { x: "4.375", y: "4.375", width: "4.25", height: "0.75", rx: "0.375", stroke: props.color, strokeWidth: "0.75" }),
-    React.createElement("rect", { x: "4.375", y: "8.375", width: "7.25", height: "0.75", rx: "0.375", stroke: props.color, strokeWidth: "0.75" }),
-    React.createElement("rect", { x: "4.375", y: "12.375", width: "7.25", height: "0.75", rx: "0.375", stroke: props.color, strokeWidth: "0.75" })));
+const DocumentIcon = (props) => (React.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("rect", { x: "1", y: "1.71973", width: "18", height: "22", rx: "2", stroke: props.color, strokeWidth: "2" }),
+    React.createElement("rect", { x: "5.16699", y: "6.07715", width: "5.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color }),
+    React.createElement("rect", { x: "5.16699", y: "11.791", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color }),
+    React.createElement("rect", { x: "5.16699", y: "17.5059", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color })));
 export default DocumentIcon;

package/dist/es/components/icons/figure-icon.js CHANGED Viewed

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 import React from 'react';
-const FigureIcon = (props) => (React.createElement("svg", { className: props.className, width: "11", height: "14", viewBox: "0 0 11 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M8.25 1.25H2.75C1.64543 1.25 0.75 2.14543 0.75 3.25V10.75C0.75 11.8546 1.64543 12.75 2.75 12.75H8.25C9.35457 12.75 10.25 11.8546 10.25 10.75V3.25C10.25 2.14543 9.35457 1.25 8.25 1.25Z", stroke: "#8DD439", strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M5 4.75C5 4.33579 4.66421 4 4.25 4C3.83579 4 3.5 4.33579 3.5 4.75V10.25C3.5 10.6642 3.83579 11 4.25 11C4.66421 11 5 10.6642 5 10.25V4.75Z", fill: "#8DD439" }),
-    React.createElement("path", { d: "M7.5 6.75C7.5 6.33579 7.16421 6 6.75 6C6.33579 6 6 6.33579 6 6.75V10.25C6 10.6642 6.33579 11 6.75 11C7.16421 11 7.5 10.6642 7.5 10.25V6.75Z", fill: "#8DD439" })));
+const FigureIcon = (props) => (React.createElement("svg", { className: props.className, width: "19", height: "23", viewBox: "0 0 19 23", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M14.0435 1.71973H4.47826C2.55727 1.71973 1 3.277 1 5.19799V18.2415C1 20.1625 2.55727 21.7197 4.47826 21.7197H14.0435C15.9645 21.7197 17.5217 20.1625 17.5217 18.2415V5.19799C17.5217 3.277 15.9645 1.71973 14.0435 1.71973Z", stroke: "#8DD439", strokeWidth: "2" }),
+    React.createElement("path", { d: "M8.39092 7.8063C8.39092 7.08594 7.80694 6.50195 7.08657 6.50195C6.36621 6.50195 5.78223 7.08594 5.78223 7.8063V17.3715C5.78223 18.0919 6.36621 18.6759 7.08657 18.6759C7.80694 18.6759 8.39092 18.0919 8.39092 17.3715V7.8063Z", fill: "#8DD439" }),
+    React.createElement("path", { d: "M12.7396 11.2848C12.7396 10.5645 12.1556 9.98047 11.4352 9.98047C10.7148 9.98047 10.1309 10.5645 10.1309 11.2848V17.3718C10.1309 18.0921 10.7148 18.6761 11.4352 18.6761C12.1556 18.6761 12.7396 18.0921 12.7396 17.3718V11.2848Z", fill: "#8DD439" })));
 export default FigureIcon;

package/dist/es/components/icons/graphical_abstract_icon.js ADDED Viewed

@@ -0,0 +1,21 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+const GraphicalAbstractIcon = (props) => (React.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M18.5 12.7197C20.9853 12.7197 23 10.705 23 8.21973C23 5.73445 20.9853 3.71973 18.5 3.71973C16.0147 3.71973 14 5.73445 14 8.21973C14 10.705 16.0147 12.7197 18.5 12.7197Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M13 14.7197H6V21.7197H13V14.7197Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M2 9.71973L6 2.71973L10 9.71973H2Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+export default GraphicalAbstractIcon;

package/dist/es/components/icons/image-icon.js ADDED Viewed

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+const ImageIcon = (props) => (React.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 0.719727H3C1.34315 0.719727 0 2.06287 0 3.71973V21.7197C0 23.3766 1.34315 24.7197 3 24.7197H17C18.6569 24.7197 20 23.3766 20 21.7197V3.71973C20 2.06287 18.6569 0.719727 17 0.719727ZM2 3.71973C2 3.16744 2.44772 2.71973 3 2.71973H17C17.5523 2.71973 18 3.16744 18 3.71973V16.4876L13.2952 11.5701C12.948 11.1982 12.3852 11.1982 12.0381 11.5701L2.27769 22.4113C2.10568 22.2317 2 21.988 2 21.7197V3.71973ZM4.46682 22.7197H17C17.5523 22.7197 18 22.272 18 21.7197V19.1483C18 19.1483 18 19.1483 18 19.1483L12.6666 13.5904L4.46682 22.7197ZM5.55552 10.815C5.55552 10.552 5.7545 10.3388 5.99996 10.3388C6.24542 10.3388 6.44441 10.552 6.44441 10.815C6.44441 11.078 6.24542 11.2912 5.99996 11.2912C5.7545 11.2912 5.55552 11.078 5.55552 10.815ZM5.99996 8.43401C4.77266 8.43401 3.77774 9.5 3.77774 10.815C3.77774 12.1299 4.77266 13.1959 5.99996 13.1959C7.22726 13.1959 8.22218 12.1299 8.22218 10.815C8.22218 9.5 7.22726 8.43401 5.99996 8.43401Z", fill: "#36B260" })));
+export default ImageIcon;

package/dist/es/components/icons/latex-icon.js CHANGED Viewed

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 import React from 'react';
-const LatexIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M14.186 5.65149L13.6777 6.20297L14.186 5.65149L9.91329 1.71322C9.59104 1.4162 9.16952 1.25 8.7288 1.25H8.72312H8.7174H8.71165H8.70585H8.70003H8.69416H8.68826H8.68232H8.67635H8.67034H8.66429H8.65821H8.65209H8.64593H8.63974H8.63352H8.62725H8.62096H8.61462H8.60825H8.60185H8.59541H8.58894H8.58243H8.57588H8.5693H8.56269H8.55604H8.54936H8.54264H8.53589H8.5291H8.52228H8.51543H8.50854H8.50162H8.49466H8.48767H8.48064H8.47359H8.4665H8.45937H8.45221H8.44502H8.4378H8.43054H8.42325H8.41593H8.40857H8.40118H8.39376H8.38631H8.37882H8.37131H8.36376H8.35617H8.34856H8.34091H8.33323H8.32552H8.31778H8.31001H8.3022H8.29437H8.2865H8.2786H8.27067H8.26271H8.25472H8.2467H8.23864H8.23056H8.22244H8.2143H8.20612H8.19792H8.18968H8.18142H8.17312H8.16479H8.15644H8.14805H8.13964H8.13119H8.12272H8.11421H8.10568H8.09712H8.08852H8.0799H8.07126H8.06258H8.05387H8.04513H8.03637H8.02758H8.01876H8.00991H8.00103H7.99212H7.98319H7.97423H7.96524H7.95622H7.94718H7.9381H7.929H7.91987H7.91072H7.90154H7.89233H7.88309H7.87383H7.86454H7.85522H7.84588H7.83651H7.82711H7.81769H7.80824H7.79877H7.78926H7.77974H7.77018H7.7606H7.751H7.74137H7.73171H7.72203H7.71232H7.70259H7.69283H7.68305H7.67324H7.66341H7.65355H7.64367H7.63376H7.62383H7.61388H7.6039H7.59389H7.58386H7.57381H7.56373H7.55363H7.54351H7.53336H7.52319H7.51299H7.50277H7.49253H7.48226H7.47198H7.46166H7.45133H7.44097H7.43059H7.42019H7.40976H7.39931H7.38884H7.37834H7.36783H7.35729H7.34673H7.33615H7.32554H7.31492H7.30427H7.2936H7.28291H7.2722H7.26146H7.25071H7.23993H7.22913H7.21831H7.20747H7.19661H7.18573H7.17483H7.16391H7.15297H7.142H7.13102H7.12002H7.10899H7.09795H7.08688H7.0758H7.0647H7.05357H7.04243H7.03127H7.02009H7.00889H6.99767H6.98643H6.97517H6.96389H6.9526H6.94128H6.92995H6.9186H6.90723H6.89584H6.88443H6.87301H6.86156H6.8501H6.83862H6.82713H6.81561H6.80408H6.79253H6.78096H6.76938H6.75778H6.74616H6.73452H6.72287H6.7112H6.69951H6.68781H6.67609H6.66435H6.6526H6.64083H6.62904H6.61724H6.60542H6.59359H6.58173H6.56987H6.55799H6.54609H6.53418H6.52225H6.5103H6.49834H6.48637H6.47438H6.46238H6.45036H6.43832H6.42627H6.41421H6.40213H6.39004H6.37793H6.36581H6.35367H6.34152H6.32936H6.31718H6.30499H6.29279H6.28057H6.26834H6.25609H6.24383H6.23156H6.21927H6.20697H6.19466H6.18234H6.17H6.15765H6.14529H6.13291H6.12052H6.10812H6.09571H6.08329H6.07085H6.0584H6.04594H6.03347H6.02098H6.00849H5.99598H5.98346H5.97093H5.95839H5.94584H5.93327H5.9207H5.90811H5.89551H5.88291H5.87029H5.85766H5.84502H5.83237H5.81971H5.80704H5.79436H5.78167H5.76897H5.75626H5.74354H5.73081H5.71808H5.70533H5.69257H5.6798H5.66703H5.65424H5.64145H5.62865H5.61583H5.60301H5.59018H5.57735H5.5645H5.55165H5.53878H5.52591H5.51303H5.50015H5.48725H5.47435H5.46144H5.44852H5.4356H5.42266H5.40972H5.39677H5.38382H5.37086H5.35789H5.34491H5.33193H5.31894H5.30594H5.29294H5.27993H5.26692H5.2539H5.24087H5.22783H5.21479H5.20175H5.1887H5.17564H5.16258H5.14951H5.13643H5.12335H5.11027H5.09718H5.08408H5.07098H5.05788H5.04477H5.03165H5.01854H5.00541H4.99228H4.97915H4.96601H4.95287H4.93973H4.92658H4.91343H4.90027H4.88711H4.87395H4.86078H4.84761H4.83443H4.82126H4.80808H4.79489H4.7817H4.76851H4.75532H4.74213H4.72893H4.71573H4.70253H4.68932H4.67611H4.6629H4.64969H4.63648H4.62326H4.61004H4.59683H4.5836H4.57038H4.55716H4.54393H4.53071H4.51748H4.50425H4.49102H4.47779H4.46456H4.45133H4.43809H4.42486H4.41163H4.39839H4.38516H4.37192H4.35869H4.34545H4.33222H4.31899H4.30575H4.29252H4.27928H4.26605H4.25282H4.23959H4.22636H4.21313H4.1999H4.18667H4.17345H4.16022H4.147H4.13378H4.12056H4.10734H4.09412H4.0809H4.06769H4.05448H4.04127H4.02806H4.01486H4.00166H3.98846H3.97526H3.96206H3.94887H3.93568H3.9225H3.90931H3.89613H3.88296H3.86978H3.85661H3.84345H3.83028H3.81712H3.80397H3.79082H3.77767H3.76452H3.75138H3.73825H3.72512H3.71199H3.69887H3.68575H3.67264H3.65953H3.64642H3.63332H3.62023H3.60714H3.59406H3.58098H3.56791H3.55484H3.54178H3.52872H3.51567H3.50263H3.48959H3.47655H3.46353H3.45051H3.43749H3.42449H3.41148H3.39849H3.3855H3.37252H3.35955H3.34658H3.33362H3.32067H3.30772H3.29478H3.28185H3.26892H3.25601H3.2431H3.2302H3.21731H3.20442H3.19154H3.17867H3.16581H3.15296H3.14012H3.12728H3.11445H3.10163H3.08882H3.07602H3.06323H3.05045H3.03767H3.02491H3.01215H2.99941C2.03233 1.25 1.25 2.03408 1.25 3V15C1.25 15.9665 2.0335 16.75 3 16.75H13C13.9665 16.75 14.75 15.9665 14.75 15V6.93827C14.75 6.4494 14.5455 5.98282 14.186 5.65149Z", stroke: props.color, strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M5.91113 9C6.02158 9 6.11113 9.08954 6.11113 9.2V9.53576C6.11113 9.64622 6.02158 9.73576 5.91113 9.73576H5.2096C5.09915 9.73576 5.0096 9.8253 5.0096 9.93576V12.8C5.0096 12.9105 4.92006 13 4.8096 13H4.30152C4.19106 13 4.10152 12.9105 4.10152 12.8V9.93576C4.10152 9.8253 4.01198 9.73576 3.90152 9.73576H3.2C3.08954 9.73576 3 9.64622 3 9.53576V9.2C3 9.08954 3.08954 9 3.2 9H5.91113Z", fill: props.color }),
-    React.createElement("path", { d: "M8.80535 9C8.91581 9 9.00535 9.08954 9.00535 9.2V9.51379C9.00535 9.62425 8.91581 9.7138 8.80535 9.7138H7.59874C7.48828 9.7138 7.39874 9.80334 7.39874 9.9138V10.4472C7.39874 10.5577 7.48828 10.6472 7.59874 10.6472H8.42922C8.53968 10.6472 8.62922 10.7368 8.62922 10.8472V11.1336C8.62922 11.244 8.53968 11.3336 8.42922 11.3336H7.59874C7.48828 11.3336 7.39874 11.4231 7.39874 11.5336V12.0862C7.39874 12.1967 7.48828 12.2862 7.59874 12.2862H8.80535C8.91581 12.2862 9.00535 12.3757 9.00535 12.4862V12.8C9.00535 12.9105 8.91581 13 8.80535 13H6.68528C6.57483 13 6.48528 12.9105 6.48528 12.8V9.2C6.48528 9.08954 6.57483 9 6.68528 9H8.80535Z", fill: props.color }),
-    React.createElement("path", { d: "M10.4234 11.0491C10.463 10.9845 10.4627 10.9031 10.4226 10.8388L9.46695 9.3058C9.38391 9.17258 9.47969 9 9.63667 9H10.1844C10.2435 9 10.2865 9.00824 10.3134 9.02471C10.342 9.03935 10.3671 9.06497 10.3886 9.10158L11.1303 10.3848C11.1452 10.4107 11.1841 10.4077 11.1973 10.3809C11.2098 10.359 11.2232 10.3361 11.2376 10.3123L11.92 9.1153C11.9647 9.03843 12.0256 9 12.1027 9H12.606C12.7644 9 12.86 9.17536 12.7741 9.30845L11.8127 10.7981C11.7715 10.8621 11.7701 10.9439 11.8092 11.0092L12.8189 12.6973C12.8987 12.8306 12.8027 13 12.6473 13H12.0919C12.0328 13 11.9845 12.9854 11.9468 12.9561C11.911 12.9268 11.8824 12.892 11.8609 12.8517L11.1327 11.5521C11.1107 11.5129 11.0515 11.5176 11.028 11.5559L10.2972 12.8517C10.2757 12.8902 10.2471 12.925 10.2113 12.9561C10.1754 12.9854 10.1307 13 10.0769 13H9.58508C9.42878 13 9.33289 12.8288 9.41455 12.6955L10.4234 11.0491Z", fill: props.color }),
-    React.createElement("path", { d: "M9 2V7H14", stroke: props.color, strokeWidth: "1.5" })));
+const LatexIcon = (props) => (React.createElement("svg", { className: props.className, width: "22", height: "25", viewBox: "0 0 22 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M2.99894 1.71973C1.89298 1.71973 1 2.61654 1 3.71973V21.7197C1 22.8243 1.89543 23.7197 3 23.7197H18.1429C19.2474 23.7197 20.1429 22.8243 20.1429 21.7197V9.58657C20.1429 9.02786 19.9092 8.49462 19.4983 8.11597L13.1332 2.24912C12.7656 1.91032 12.2846 1.71973 11.78 1.71973H11.7724H11.7648H11.7572H11.7495H11.7417H11.7338H11.7259H11.7179H11.7099H11.7018H11.6936H11.6854H11.677H11.6687H11.6602H11.6517H11.6432H11.6346H11.6259H11.6171H11.6083H11.5994H11.5905H11.5815H11.5724H11.5633H11.5541H11.5448H11.5355H11.5261H11.5167H11.5072H11.4976H11.488H11.4783H11.4686H11.4588H11.4489H11.439H11.429H11.419H11.4089H11.3987H11.3885H11.3782H11.3679H11.3575H11.347H11.3365H11.3259H11.3153H11.3046H11.2938H11.283H11.2722H11.2613H11.2503H11.2392H11.2282H11.217H11.2058H11.1945H11.1832H11.1719H11.1604H11.1489H11.1374H11.1258H11.1142H11.1025H11.0907H11.0789H11.067H11.0551H11.0431H11.0311H11.019H11.0069H10.9947H10.9825H10.9702H10.9578H10.9454H10.933H10.9204H10.9079H10.8953H10.8826H10.8699H10.8571H10.8443H10.8315H10.8185H10.8056H10.7925H10.7795H10.7664H10.7532H10.74H10.7267H10.7134H10.7H10.6866H10.6731H10.6596H10.646H10.6324H10.6188H10.605H10.5913H10.5775H10.5636H10.5497H10.5358H10.5218H10.5077H10.4936H10.4795H10.4653H10.4511H10.4368H10.4225H10.4081H10.3937H10.3792H10.3647H10.3502H10.3356H10.3209H10.3062H10.2915H10.2767H10.2619H10.247H10.2321H10.2172H10.2022H10.1871H10.1721H10.1569H10.1418H10.1266H10.1113H10.096H10.0807H10.0653H10.0499H10.0344H10.0189H10.0034H9.98777H9.97214H9.95647H9.94076H9.92501H9.90921H9.89338H9.87751H9.8616H9.84565H9.82966H9.81363H9.79756H9.78145H9.7653H9.74911H9.73289H9.71663H9.70032H9.68399H9.66761H9.65119H9.63474H9.61825H9.60172H9.58516H9.56856H9.55192H9.53525H9.51854H9.50179H9.48501H9.46819H9.45134H9.43445H9.41752H9.40056H9.38357H9.36654H9.34947H9.33238H9.31524H9.29807H9.28087H9.26364H9.24637H9.22907H9.21173H9.19436H9.17696H9.15953H9.14206H9.12456H9.10703H9.08947H9.07187H9.05424H9.03658H9.01889H9.00117H8.98342H8.96563H8.94782H8.92997H8.9121H8.89419H8.87625H8.85829H8.84029H8.82227H8.80421H8.78613H8.76801H8.74987H8.7317H8.7135H8.69527H8.67702H8.65873H8.64042H8.62208H8.60371H8.58532H8.56689H8.54844H8.52997H8.51147H8.49294H8.47438H8.4558H8.43719H8.41856H8.3999H8.38121H8.3625H8.34376H8.325H8.30622H8.28741H8.26857H8.24971H8.23083H8.21192H8.19299H8.17403H8.15505H8.13605H8.11703H8.09798H8.07891H8.05981H8.0407H8.02156H8.0024H7.98321H7.96401H7.94478H7.92553H7.90626H7.88697H7.86766H7.84833H7.82898H7.8096H7.79021H7.77079H7.75136H7.73191H7.71243H7.69294H7.67343H7.65389H7.63434H7.61477H7.59519H7.57558H7.55595H7.53631H7.51665H7.49697H7.47728H7.45756H7.43783H7.41808H7.39832H7.37853H7.35874H7.33892H7.31909H7.29924H7.27938H7.2595H7.2396H7.21969H7.19977H7.17983H7.15987H7.1399H7.11992H7.09992H7.0799H7.05988H7.03983H7.01978H6.99971H6.97963H6.95953H6.93942H6.9193H6.89917H6.87902H6.85886H6.83869H6.8185H6.79831H6.7781H6.75788H6.73765H6.71741H6.69715H6.67689H6.65662H6.63633H6.61604H6.59573H6.57542H6.55509H6.53475H6.51441H6.49406H6.47369H6.45332H6.43294H6.41255H6.39215H6.37174H6.35133H6.3309H6.31047H6.29003H6.26959H6.24913H6.22867H6.20821H6.18773H6.16725H6.14676H6.12627H6.10577H6.08526H6.06475H6.04423H6.02371H6.00318H5.98264H5.96211H5.94156H5.92101H5.90046H5.8799H5.85934H5.83878H5.81821H5.79763H5.77706H5.75648H5.73589H5.71531H5.69472H5.67413H5.65353H5.63294H5.61234H5.59174H5.57114H5.55053H5.52993H5.50932H5.48872H5.46811H5.4475H5.42689H5.40628H5.38567H5.36506H5.34445H5.32384H5.30323H5.28262H5.26201H5.2414H5.22079H5.20019H5.17958H5.15898H5.13838H5.11778H5.09718H5.07659H5.056H5.03541H5.01482H4.99424H4.97365H4.95308H4.9325H4.91193H4.89137H4.8708H4.85024H4.82969H4.80914H4.78859H4.76805H4.74752H4.72699H4.70646H4.68594H4.66543H4.64492H4.62441H4.60392H4.58343H4.56294H4.54247H4.522H4.50153H4.48108H4.46063H4.44019H4.41975H4.39933H4.37891H4.3585H4.3381H4.3177H4.29732H4.27694H4.25658H4.23622H4.21587H4.19553H4.1752H4.15488H4.13457H4.11427H4.09399H4.07371H4.05344H4.03318H4.01294H3.9927H3.97248H3.95227H3.93207H3.91188H3.8917H3.87154H3.85139H3.83125H3.81112H3.79101H3.77091H3.75082H3.73075H3.71068H3.69064H3.6706H3.65059H3.63058H3.61059H3.59061H3.57065H3.55071H3.53078H3.51086H3.49096H3.47107H3.45121H3.43135H3.41151H3.39169H3.37189H3.3521H3.33233H3.31257H3.29284H3.27312H3.25341H3.23373H3.21406H3.19441H3.17478H3.15517H3.13557H3.116H3.09644H3.0769H3.05738H3.03788H3.0184H2.99894Z", stroke: props.color, strokeWidth: "2" }),
+    React.createElement("path", { d: "M7.67318 12.7197C7.78363 12.7197 7.87318 12.8093 7.87318 12.9197V13.5708C7.87318 13.6813 7.78363 13.7708 7.67318 13.7708H6.49958C6.38912 13.7708 6.29958 13.8604 6.29958 13.9708V18.234C6.29958 18.3445 6.21003 18.434 6.09958 18.434H5.20231C5.09186 18.434 5.00231 18.3445 5.00231 18.234V13.9708C5.00231 13.8604 4.91277 13.7708 4.80231 13.7708H3.62871C3.51825 13.7708 3.42871 13.6813 3.42871 13.5708V12.9197C3.42871 12.8093 3.51825 12.7197 3.62871 12.7197H7.67318Z", fill: props.color }),
+    React.createElement("path", { d: "M11.8078 12.7197C11.9182 12.7197 12.0078 12.8093 12.0078 12.9197V13.5394C12.0078 13.6499 11.9182 13.7394 11.8078 13.7394H9.91262C9.80217 13.7394 9.71262 13.829 9.71262 13.9394V14.8729C9.71262 14.9834 9.80217 15.0729 9.91262 15.0729H11.2705C11.3809 15.0729 11.4705 15.1624 11.4705 15.2729V15.8534C11.4705 15.9638 11.3809 16.0534 11.2705 16.0534H9.91262C9.80217 16.0534 9.71262 16.1429 9.71262 16.2534V17.2143C9.71262 17.3248 9.80217 17.4143 9.91262 17.4143H11.8078C11.9182 17.4143 12.0078 17.5038 12.0078 17.6143V18.234C12.0078 18.3445 11.9182 18.434 11.8078 18.434H8.60769C8.49723 18.434 8.40769 18.3445 8.40769 18.234V12.9197C8.40769 12.8093 8.49723 12.7197 8.60769 12.7197H11.8078Z", fill: props.color }),
+    React.createElement("path", { d: "M14.0613 15.6019C14.1008 15.5373 14.1005 15.4559 14.0605 15.3916L12.5855 13.0255C12.5025 12.8923 12.5983 12.7197 12.7552 12.7197H13.6921C13.7766 12.7197 13.838 12.7315 13.8764 12.755C13.9173 12.7759 13.9531 12.8125 13.9838 12.8648L15.0434 14.6981C15.0648 14.735 15.1203 14.7308 15.1391 14.6925C15.157 14.6611 15.1762 14.6284 15.1967 14.5944L16.1715 12.8844C16.2355 12.7746 16.3225 12.7197 16.4325 12.7197H17.3089C17.4673 12.7197 17.5629 12.8951 17.477 13.0282L15.9895 15.3332C15.9482 15.3972 15.9468 15.479 15.9859 15.5443L17.5334 18.1313C17.6131 18.2647 17.5171 18.434 17.3617 18.434H16.4172C16.3327 18.434 16.2636 18.4131 16.2099 18.3713C16.1587 18.3294 16.1178 18.2797 16.0871 18.2222L15.0468 16.3656C15.0154 16.3096 14.9308 16.3163 14.8973 16.3711L13.8533 18.2222C13.8226 18.2771 13.7817 18.3268 13.7305 18.3713C13.6794 18.4131 13.6154 18.434 13.5386 18.434H12.6829C12.5266 18.434 12.4307 18.2628 12.5124 18.1295L14.0613 15.6019Z", fill: props.color }),
+    React.createElement("path", { d: "M12 2.71973V9.86258H19.1429", stroke: props.color, strokeWidth: "2" })));
 export default LatexIcon;

package/dist/es/components/icons/pdf-file-icon.js CHANGED Viewed

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-const PdfFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { x: "2.25", y: "1.41602", width: "11.5", height: "13.1667", rx: "1.75", stroke: "#F35143", strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M9.69953 8.78418C9.39094 8.54134 9.09766 8.29168 8.90234 8.09637C8.64844 7.84246 8.42219 7.59637 8.22559 7.36199C8.53225 6.4144 8.66669 5.92581 8.66669 5.66537C8.66669 4.55894 8.26694 4.33203 7.66669 4.33203C7.21062 4.33203 6.66669 4.569 6.66669 5.69728C6.66669 6.19468 6.93916 6.79853 7.47919 7.50034C7.34703 7.90365 7.19175 8.36884 7.01728 8.89324C6.93328 9.14487 6.84216 9.37793 6.74578 9.59343C6.66734 9.62827 6.59116 9.66374 6.51759 9.70052C6.25262 9.83302 6.001 9.95215 5.76759 10.0628C4.70313 10.5667 4 10.9001 4 11.5583C4 12.0361 4.51922 12.332 5 12.332C5.61978 12.332 6.55566 11.5042 7.23925 10.1097C7.94888 9.82974 8.83106 9.62236 9.52734 9.49249C10.0853 9.92152 10.7015 10.332 11 10.332C11.8265 10.332 12 9.85415 12 9.45343C12 8.66534 11.0996 8.66534 10.6667 8.66534C10.5322 8.66537 10.1716 8.70509 9.69953 8.78418ZM5 11.6654C4.80956 11.6654 4.68066 11.5755 4.66666 11.5583C4.66666 11.3219 5.37141 10.988 6.05306 10.6651C6.09634 10.6446 6.14031 10.624 6.18491 10.6029C5.68425 11.3288 5.18913 11.6654 5 11.6654ZM7.33334 5.69728C7.33334 4.99872 7.55016 4.99872 7.66669 4.99872C7.90237 4.99872 8.00003 4.99872 8.00003 5.66537C8.00003 5.806 7.90628 6.15756 7.73472 6.7064C7.47297 6.3034 7.33334 5.95803 7.33334 5.69728ZM7.58887 9.27996C7.60972 9.22202 7.62991 9.16343 7.64944 9.10418C7.77312 8.73309 7.88447 8.39974 7.98375 8.09962C8.12209 8.25196 8.27119 8.4079 8.43103 8.56771C8.49353 8.63021 8.64847 8.77083 8.85487 8.94693C8.444 9.03646 8.00684 9.14746 7.58887 9.27996ZM11.3333 9.45346C11.3333 9.60321 11.3333 9.66537 11.0241 9.66733C10.9333 9.6478 10.7233 9.52412 10.4642 9.34768C10.5582 9.33727 10.6276 9.33205 10.6667 9.33205C11.1592 9.33205 11.2988 9.38021 11.3333 9.45346Z", fill: "#F35143" })));
+const PdfFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("rect", { x: "1", y: "1.71973", width: "18", height: "22", rx: "2", stroke: "#F35143", strokeWidth: "2" }),
+    React.createElement("path", { d: "M12.6895 14.0611L12.5099 13.9097C11.9896 13.4709 11.4834 13.0104 11.1381 12.6404C10.7062 12.1776 10.3195 11.7272 9.98198 11.296L9.82199 11.0917L9.89703 10.8432C10.1522 9.99831 10.3328 9.36771 10.4494 8.89346C10.5682 8.41003 10.6108 8.12587 10.6108 7.95812C10.6108 7.00146 10.4444 6.55679 10.2693 6.34771C10.1184 6.16754 9.88673 6.07715 9.44417 6.07715C9.15583 6.07715 8.89538 6.15497 8.69755 6.37493C8.49069 6.60494 8.2775 7.07254 8.2775 8.01509C8.2775 8.74613 8.65856 9.71896 9.53778 10.9432L9.68222 11.1443L9.6098 11.3811C9.42707 11.9786 9.21786 12.652 8.98635 13.3971C8.93829 13.5518 8.88927 13.7096 8.83933 13.8705L8.83918 13.8709C8.69472 14.3346 8.53757 14.7654 8.37074 15.1651L8.29701 15.3417L8.1242 15.424C7.99878 15.4837 7.87914 15.5434 7.76514 15.6045L12.6895 14.0611ZM12.6895 14.0611L12.9206 14.0196M12.6895 14.0611L12.9206 14.0196M12.9206 14.0196C13.7087 13.8781 14.2696 13.8153 14.4441 13.8152L12.9206 14.0196ZM6.50549 16.2565L6.50517 16.2567C5.601 16.7153 4.91761 17.0647 4.4514 17.4344C4.00657 17.7872 3.83301 18.0999 3.83301 18.4812C3.83301 18.7207 3.94942 18.9288 4.16696 19.0929C4.39148 19.2622 4.70093 19.3629 4.99968 19.3629C5.30617 19.3629 5.83024 19.1197 6.46723 18.464C7.08143 17.8319 7.72628 16.8903 8.2771 15.6864L8.29465 15.648L7.39496 17.0457C6.95728 17.7257 6.51401 18.2361 6.12527 18.5829C5.93149 18.7559 5.74411 18.8945 5.57101 18.9929C5.41394 19.0822 5.21054 19.1724 4.99968 19.1724C4.75643 19.1724 4.55261 19.111 4.40399 19.0432C4.3296 19.0092 4.26583 18.9722 4.21424 18.937C4.18221 18.9152 4.10443 18.8608 4.04554 18.7831L3.9441 18.6492V18.4812C3.9441 18.1583 4.1539 17.9154 4.29691 17.7764C4.462 17.616 4.67873 17.462 4.90726 17.3183C5.36285 17.0319 5.95762 16.73 6.51509 16.4471L6.52849 16.4403L6.52852 16.4403C6.56747 16.4205 6.60079 16.4037 6.63368 16.3871C6.66996 16.3689 6.70572 16.3508 6.74796 16.3294L8.35716 15.5114L8.358 15.5095L8.3744 15.5026L8.39496 15.4922L8.39341 15.4946L8.53711 15.4338C9.76531 14.9147 11.2736 14.5365 12.4473 14.302L12.68 14.2555L12.8632 14.4064C13.3214 14.7839 13.7933 15.1446 14.2045 15.4082C14.4104 15.5403 14.5913 15.6416 14.7409 15.7083C14.901 15.7798 14.9812 15.7914 14.9997 15.7914C15.5796 15.7914 15.8347 15.6171 15.9606 15.4612C16.1029 15.2849 16.1664 15.026 16.1664 14.7225C16.1664 14.4647 16.0997 14.312 16.024 14.2134C15.9442 14.1095 15.8221 14.0242 15.649 13.9588C15.2832 13.8205 14.8207 13.8152 14.4442 13.8152L6.50549 16.2565ZM6.50549 16.2565L6.53948 16.2392M6.50549 16.2565L6.53948 16.2392M6.53948 16.2392C6.91842 16.0467 7.33094 15.8371 7.76512 15.6045L6.53948 16.2392ZM9.12998 10.0763L9.7192 11.0483L10.0375 9.95714C10.1813 9.46455 10.2944 9.05365 10.372 8.73124C10.4454 8.42607 10.4997 8.15135 10.4997 7.95812C10.4997 7.65286 10.4895 7.40507 10.4641 7.2065C10.4398 7.01584 10.3961 6.82184 10.2974 6.65815C10.1805 6.46451 10.011 6.35209 9.82425 6.30281C9.68834 6.26695 9.54411 6.26738 9.46202 6.26762C9.45569 6.26764 9.44973 6.26766 9.44417 6.26766C9.44189 6.26766 9.43938 6.26765 9.43663 6.26764C9.38688 6.26748 9.26076 6.26707 9.12366 6.31074C8.963 6.36192 8.81127 6.4634 8.69067 6.62746C8.47513 6.9207 8.38859 7.37436 8.38859 8.01509C8.38859 8.62162 8.68114 9.3359 9.12998 10.0763ZM8.84048 14.2536L8.51902 15.211L9.47528 14.8862C10.1529 14.656 10.8651 14.4621 11.5382 14.305L12.4622 14.0892L11.7618 13.449C11.4195 13.1361 11.1735 12.896 11.0836 12.7997L11.0836 12.7997C10.822 12.5195 10.5789 12.247 10.354 11.9817L9.76405 11.2856L9.49486 12.1575C9.36234 12.5867 9.21692 13.054 9.05814 13.5642C9.0189 13.6903 8.97886 13.8189 8.93798 13.9503L8.93752 13.9518C8.9062 14.0536 8.87385 14.1542 8.84048 14.2536ZM16.0553 14.7226V14.6175L16.013 14.5214C15.8854 14.2311 15.6077 14.1251 15.3959 14.0773C15.1713 14.0268 14.8619 14.0058 14.4441 14.0058C14.347 14.0058 14.2059 14.0184 14.0478 14.0372L12.7832 14.1871L13.812 14.9376C14.0336 15.0993 14.2404 15.2414 14.4159 15.3497C14.5694 15.4444 14.7605 15.5532 14.9276 15.5917L14.9847 15.6049L15.0433 15.6045C15.1845 15.6035 15.3194 15.5955 15.4397 15.5705C15.5592 15.5456 15.7098 15.4949 15.8364 15.3738C15.9719 15.2443 16.0213 15.091 16.0403 14.9772C16.0556 14.8863 16.0554 14.7907 16.0553 14.7348C16.0553 14.7305 16.0553 14.7264 16.0553 14.7226Z", fill: "#F35143", stroke: "#F35143" })));
 export default PdfFileIcon;

package/dist/es/components/icons/table-icon.js CHANGED Viewed

@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 import React from 'react';
-const TableIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0511 4.04102C12.4538 4.04102 12.8184 4.20425 13.0823 4.46815C13.3462 4.73206 13.5095 5.09664 13.5095 5.49935V10.4993C13.5095 10.9021 13.3462 11.2666 13.0823 11.5305C12.8184 11.7945 12.4538 11.9577 12.0511 11.9577H4.19857C3.79586 11.9577 3.43128 11.7945 3.16737 11.5305C2.90346 11.2666 2.74023 10.9021 2.74023 10.4993V5.49935C2.74023 5.09664 2.90346 4.73206 3.16737 4.46815C3.43128 4.20425 3.79586 4.04102 4.19857 4.04102H12.0511Z", stroke: "#F35143", strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M13.3337 6.75H2.91699V7.58333H13.3337V6.75Z", fill: "#DC5030", stroke: "#F35143" }),
-    React.createElement("path", { d: "M6.34603 4.25H5.5127V11.75H6.34603V4.25Z", fill: "#DC5030", stroke: "#F35143" })));
+const TableIcon = (props) => (React.createElement("svg", { className: props.className, width: "22", height: "18", viewBox: "0 0 22 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5625 0.719727C20.461 0.719727 22 2.25875 22 4.15723V13.7822C22 15.6807 20.461 17.2197 18.5625 17.2197H3.4375C1.53902 17.2197 0 15.6807 0 13.7822V4.15723C0 2.25875 1.53902 0.719727 3.4375 0.719727H18.5625ZM4.8125 7.59473H2.0625V13.7822C2.0625 14.4874 2.59331 15.0685 3.27715 15.148L3.4375 15.1572H4.8125V7.59473ZM19.9375 7.59473H6.875V15.1572H18.5625C19.2676 15.1572 19.8488 14.6264 19.9282 13.9426L19.9375 13.7822V7.59473ZM4.8125 2.78223H3.4375C2.67811 2.78223 2.0625 3.39784 2.0625 4.15723V5.53223H4.8125V2.78223ZM18.5625 2.78223H6.875V5.53223H19.9375V4.15723C19.9375 3.45208 19.4067 2.8709 18.7229 2.79148L18.5625 2.78223Z", fill: "#F35143" })));
 export default TableIcon;

package/dist/es/components/icons/unknown-format-file-icon.js CHANGED Viewed

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-const UnknownFormatFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M14.186 5.65149L13.6777 6.20297L14.186 5.65149L9.91329 1.71322C9.59104 1.4162 9.16952 1.25 8.7288 1.25H8.72312H8.7174H8.71165H8.70585H8.70003H8.69416H8.68826H8.68232H8.67635H8.67034H8.66429H8.65821H8.65209H8.64593H8.63974H8.63352H8.62725H8.62096H8.61462H8.60825H8.60185H8.59541H8.58894H8.58243H8.57588H8.5693H8.56269H8.55604H8.54936H8.54264H8.53589H8.5291H8.52228H8.51543H8.50854H8.50162H8.49466H8.48767H8.48064H8.47359H8.4665H8.45937H8.45221H8.44502H8.4378H8.43054H8.42325H8.41593H8.40857H8.40118H8.39376H8.38631H8.37882H8.37131H8.36376H8.35617H8.34856H8.34091H8.33323H8.32552H8.31778H8.31001H8.3022H8.29437H8.2865H8.2786H8.27067H8.26271H8.25472H8.2467H8.23864H8.23056H8.22244H8.2143H8.20612H8.19792H8.18968H8.18142H8.17312H8.16479H8.15644H8.14805H8.13964H8.13119H8.12272H8.11421H8.10568H8.09712H8.08852H8.0799H8.07126H8.06258H8.05387H8.04513H8.03637H8.02758H8.01876H8.00991H8.00103H7.99212H7.98319H7.97423H7.96524H7.95622H7.94718H7.9381H7.929H7.91987H7.91072H7.90154H7.89233H7.88309H7.87383H7.86454H7.85522H7.84588H7.83651H7.82711H7.81769H7.80824H7.79877H7.78926H7.77974H7.77018H7.7606H7.751H7.74137H7.73171H7.72203H7.71232H7.70259H7.69283H7.68305H7.67324H7.66341H7.65355H7.64367H7.63376H7.62383H7.61388H7.6039H7.59389H7.58386H7.57381H7.56373H7.55363H7.54351H7.53336H7.52319H7.51299H7.50277H7.49253H7.48226H7.47198H7.46166H7.45133H7.44097H7.43059H7.42019H7.40976H7.39931H7.38884H7.37834H7.36783H7.35729H7.34673H7.33615H7.32554H7.31492H7.30427H7.2936H7.28291H7.2722H7.26146H7.25071H7.23993H7.22913H7.21831H7.20747H7.19661H7.18573H7.17483H7.16391H7.15297H7.142H7.13102H7.12002H7.10899H7.09795H7.08688H7.0758H7.0647H7.05357H7.04243H7.03127H7.02009H7.00889H6.99767H6.98643H6.97517H6.96389H6.9526H6.94128H6.92995H6.9186H6.90723H6.89584H6.88443H6.87301H6.86156H6.8501H6.83862H6.82713H6.81561H6.80408H6.79253H6.78096H6.76938H6.75778H6.74616H6.73452H6.72287H6.7112H6.69951H6.68781H6.67609H6.66435H6.6526H6.64083H6.62904H6.61724H6.60542H6.59359H6.58173H6.56987H6.55799H6.54609H6.53418H6.52225H6.5103H6.49834H6.48637H6.47438H6.46238H6.45036H6.43832H6.42627H6.41421H6.40213H6.39004H6.37793H6.36581H6.35367H6.34152H6.32936H6.31718H6.30499H6.29279H6.28057H6.26834H6.25609H6.24383H6.23156H6.21927H6.20697H6.19466H6.18234H6.17H6.15765H6.14529H6.13291H6.12052H6.10812H6.09571H6.08329H6.07085H6.0584H6.04594H6.03347H6.02098H6.00849H5.99598H5.98346H5.97093H5.95839H5.94584H5.93327H5.9207H5.90811H5.89551H5.88291H5.87029H5.85766H5.84502H5.83237H5.81971H5.80704H5.79436H5.78167H5.76897H5.75626H5.74354H5.73081H5.71808H5.70533H5.69257H5.6798H5.66703H5.65424H5.64145H5.62865H5.61583H5.60301H5.59018H5.57735H5.5645H5.55165H5.53878H5.52591H5.51303H5.50015H5.48725H5.47435H5.46144H5.44852H5.4356H5.42266H5.40972H5.39677H5.38382H5.37086H5.35789H5.34491H5.33193H5.31894H5.30594H5.29294H5.27993H5.26692H5.2539H5.24087H5.22783H5.21479H5.20175H5.1887H5.17564H5.16258H5.14951H5.13643H5.12335H5.11027H5.09718H5.08408H5.07098H5.05788H5.04477H5.03165H5.01854H5.00541H4.99228H4.97915H4.96601H4.95287H4.93973H4.92658H4.91343H4.90027H4.88711H4.87395H4.86078H4.84761H4.83443H4.82126H4.80808H4.79489H4.7817H4.76851H4.75532H4.74213H4.72893H4.71573H4.70253H4.68932H4.67611H4.6629H4.64969H4.63648H4.62326H4.61004H4.59683H4.5836H4.57038H4.55716H4.54393H4.53071H4.51748H4.50425H4.49102H4.47779H4.46456H4.45133H4.43809H4.42486H4.41163H4.39839H4.38516H4.37192H4.35869H4.34545H4.33222H4.31899H4.30575H4.29252H4.27928H4.26605H4.25282H4.23959H4.22636H4.21313H4.1999H4.18667H4.17345H4.16022H4.147H4.13378H4.12056H4.10734H4.09412H4.0809H4.06769H4.05448H4.04127H4.02806H4.01486H4.00166H3.98846H3.97526H3.96206H3.94887H3.93568H3.9225H3.90931H3.89613H3.88296H3.86978H3.85661H3.84345H3.83028H3.81712H3.80397H3.79082H3.77767H3.76452H3.75138H3.73825H3.72512H3.71199H3.69887H3.68575H3.67264H3.65953H3.64642H3.63332H3.62023H3.60714H3.59406H3.58098H3.56791H3.55484H3.54178H3.52872H3.51567H3.50263H3.48959H3.47655H3.46353H3.45051H3.43749H3.42449H3.41148H3.39849H3.3855H3.37252H3.35955H3.34658H3.33362H3.32067H3.30772H3.29478H3.28185H3.26892H3.25601H3.2431H3.2302H3.21731H3.20442H3.19154H3.17867H3.16581H3.15296H3.14012H3.12728H3.11445H3.10163H3.08882H3.07602H3.06323H3.05045H3.03767H3.02491H3.01215H2.99941C2.03233 1.25 1.25 2.03408 1.25 3V15C1.25 15.9665 2.0335 16.75 3 16.75H13C13.9665 16.75 14.75 15.9665 14.75 15V6.93827C14.75 6.4494 14.5455 5.98282 14.186 5.65149Z", stroke: "#6E6E6E", strokeWidth: "1.5" }),
-    React.createElement("path", { d: "M9 2V7H14", stroke: "#6E6E6E", strokeWidth: "1.5" })));
+const UnknownFormatFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M2.99921 1.71973C1.89362 1.71973 1 2.61618 1 3.71973V21.7197C1 22.8243 1.89543 23.7197 3 23.7197H17C18.1046 23.7197 19 22.8243 19 21.7197V9.56618C19 9.03141 18.7858 8.51891 18.4053 8.14314L12.4852 2.29669C12.1119 1.92807 11.6088 1.71973 11.0813 1.71973H11.074H11.0667H11.0593H11.0518H11.0443H11.0368H11.0291H11.0215H11.0137H11.0059H10.9981H10.9902H10.9822H10.9742H10.9661H10.958H10.9498H10.9415H10.9332H10.9249H10.9165H10.908H10.8995H10.8909H10.8823H10.8736H10.8648H10.856H10.8472H10.8383H10.8293H10.8203H10.8112H10.8021H10.7929H10.7837H10.7744H10.7651H10.7557H10.7462H10.7367H10.7272H10.7176H10.7079H10.6982H10.6885H10.6787H10.6688H10.6589H10.6489H10.6389H10.6288H10.6187H10.6086H10.5983H10.5881H10.5777H10.5674H10.557H10.5465H10.536H10.5254H10.5148H10.5041H10.4934H10.4826H10.4718H10.461H10.45H10.4391H10.4281H10.417H10.4059H10.3948H10.3836H10.3723H10.361H10.3497H10.3383H10.3269H10.3154H10.3038H10.2923H10.2806H10.269H10.2573H10.2455H10.2337H10.2218H10.2099H10.198H10.186H10.174H10.1619H10.1498H10.1376H10.1254H10.1131H10.1008H10.0885H10.0761H10.0637H10.0512H10.0387H10.0261H10.0135H10.0009H9.98818H9.97544H9.96267H9.94985H9.93699H9.92409H9.91114H9.89816H9.88513H9.87206H9.85895H9.8458H9.8326H9.81937H9.8061H9.79278H9.77943H9.76603H9.75259H9.73912H9.7256H9.71205H9.69845H9.68482H9.67115H9.65743H9.64368H9.62989H9.61606H9.6022H9.58829H9.57435H9.56037H9.54635H9.53229H9.51819H9.50406H9.48989H9.47568H9.46144H9.44716H9.43284H9.41849H9.40409H9.38967H9.3752H9.3607H9.34617H9.3316H9.31699H9.30235H9.28767H9.27296H9.25822H9.24343H9.22862H9.21377H9.19888H9.18396H9.16901H9.15402H9.139H9.12394H9.10886H9.09373H9.07858H9.06339H9.04817H9.03292H9.01763H9.00231H8.98696H8.97158H8.95616H8.94072H8.92524H8.90973H8.89419H8.87862H8.86301H8.84738H8.83171H8.81602H8.80029H8.78453H8.76875H8.75293H8.73708H8.7212H8.7053H8.68936H8.6734H8.6574H8.64138H8.62533H8.60924H8.59313H8.577H8.56083H8.54464H8.52841H8.51216H8.49588H8.47958H8.46325H8.44689H8.4305H8.41408H8.39764H8.38118H8.36468H8.34816H8.33161H8.31504H8.29844H8.28182H8.26517H8.24849H8.23179H8.21506H8.19831H8.18154H8.16473H8.14791H8.13106H8.11419H8.09729H8.08036H8.06342H8.04645H8.02946H8.01244H7.9954H7.97833H7.96125H7.94414H7.92701H7.90985H7.89268H7.87548H7.85826H7.84102H7.82375H7.80646H7.78916H7.77183H7.75448H7.73711H7.71972H7.7023H7.68487H7.66742H7.64994H7.63245H7.61493H7.5974H7.57984H7.56227H7.54468H7.52707H7.50944H7.49179H7.47412H7.45643H7.43872H7.421H7.40326H7.3855H7.36772H7.34992H7.33211H7.31428H7.29643H7.27856H7.26068H7.24278H7.22486H7.20693H7.18898H7.17101H7.15303H7.13503H7.11702H7.09899H7.08094H7.06288H7.04481H7.02672H7.00861H6.99049H6.97235H6.9542H6.93604H6.91786H6.89967H6.88146H6.86324H6.84501H6.82676H6.8085H6.79022H6.77194H6.75364H6.73533H6.717H6.69866H6.68031H6.66195H6.64358H6.62519H6.60679H6.58838H6.56996H6.55153H6.53309H6.51463H6.49617H6.47769H6.45921H6.44071H6.4222H6.40369H6.38516H6.36662H6.34808H6.32952H6.31096H6.29238H6.2738H6.25521H6.23661H6.218H6.19938H6.18076H6.16212H6.14348H6.12483H6.10617H6.08751H6.06883H6.05015H6.03147H6.01277H5.99407H5.97536H5.95665H5.93793H5.9192H5.90047H5.88173H5.86299H5.84424H5.82548H5.80672H5.78796H5.76918H5.75041H5.73163H5.71284H5.69405H5.67526H5.65646H5.63766H5.61885H5.60004H5.58123H5.56241H5.54359H5.52477H5.50594H5.48711H5.46828H5.44945H5.43061H5.41177H5.39293H5.37409H5.35524H5.3364H5.31755H5.2987H5.27985H5.261H5.24215H5.22329H5.20444H5.18559H5.16673H5.14788H5.12902H5.11017H5.09131H5.07246H5.05361H5.03475H5.0159H4.99705H4.9782H4.95936H4.94051H4.92166H4.90282H4.88398H4.86514H4.8463H4.82747H4.80864H4.78981H4.77098H4.75216H4.73334H4.71452H4.69571H4.6769H4.65809H4.63929H4.62049H4.60169H4.5829H4.56412H4.54534H4.52656H4.50779H4.48902H4.47026H4.4515H4.43275H4.41401H4.39527H4.37654H4.35781H4.33909H4.32037H4.30166H4.28296H4.26427H4.24558H4.2269H4.20823H4.18956H4.1709H4.15225H4.13361H4.11497H4.09634H4.07773H4.05912H4.04051H4.02192H4.00334H3.98476H3.9662H3.94764H3.92909H3.91056H3.89203H3.87351H3.855H3.8365H3.81802H3.79954H3.78107H3.76262H3.74417H3.72574H3.70732H3.68891H3.67051H3.65212H3.63375H3.61538H3.59703H3.57869H3.56037H3.54205H3.52375H3.50546H3.48719H3.46893H3.45068H3.43244H3.41422H3.39601H3.37782H3.35964H3.34147H3.32332H3.30518H3.28706H3.26895H3.25086H3.23278H3.21472H3.19667H3.17864H3.16063H3.14263H3.12464H3.10667H3.08872H3.07079H3.05287H3.03497H3.01708H2.99921Z", stroke: "#6E6E6E", strokeWidth: "2" }),
+    React.createElement("path", { d: "M11.333 2.71973V9.86258H17.9997", stroke: "#6E6E6E", strokeWidth: "2" })));
 export default UnknownFormatFileIcon;

package/dist/es/components/icons/video-icon.js CHANGED Viewed

@@ -14,6 +14,6 @@
  * limitations under the License.
  */
 import React from 'react';
-const VideoIcon = (props) => (React.createElement("svg", { className: props.className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M4 3.5L12 8L4 12.5V3.5Z", stroke: "white", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
+const VideoIcon = (props) => (React.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M6 5.96973L18 12.7197L6 19.4697V5.96973Z", stroke: "#FE8F1F", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
 export default VideoIcon;

package/dist/es/hooks/use-dropdown.js CHANGED Viewed

@@ -16,7 +16,8 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 export const useDropdown = () => {
     const [isOpen, setOpen] = useState(false);
-    const toggleOpen = useCallback(() => {
+    const toggleOpen = useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         setOpen((open) => !open);
     }, []);
     const wrapperRef = useRef(null);

package/dist/es/lib/inlineFiles.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { getModelsByType, hasObjectType, } from '@manuscripts/manuscript-transform';
+import { ObjectTypes, } from '@manuscripts/manuscripts-json-schema';
+import { FileType } from '../components/FileManager/util';
+const getCaptionText = (caption) => caption &&
+    new DOMParser().parseFromString(caption, 'text/html').documentElement
+        .innerText;
+const getFigureData = (element, modelMap) => {
+    const externalFileReferences = [];
+    element.containedObjectIDs.map((e) => {
+        var _a;
+        const object = modelMap.get(e);
+        if (object && object.objectType === ObjectTypes.Figure) {
+            const externalFileRef = (_a = object.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((figure) => figure.kind === 'imageRepresentation');
+            if (externalFileRef) {
+                externalFileReferences.push(externalFileRef);
+            }
+        }
+    });
+    return {
+        id: element._id,
+        externalFileReferences,
+        caption: getCaptionText(element.caption),
+    };
+};
+export default (modelMap) => {
+    const files = [];
+    getModelsByType(modelMap, ObjectTypes.Section).map((section) => {
+        var _a, _b;
+        if (section.category === 'MPSectionCategory:abstract-graphical') {
+            (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.some((elementId) => {
+                const element = modelMap.get(elementId);
+                if (element && hasObjectType(ObjectTypes.FigureElement)(element)) {
+                    files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
+                    return true;
+                }
+            });
+        }
+        else {
+            (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                var _a;
+                const element = modelMap.get(elementId);
+                if (!element) {
+                    return;
+                }
+                switch (element.objectType) {
+                    case ObjectTypes.FigureElement:
+                    case ObjectTypes.MultiGraphicFigureElement: {
+                        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Figure`, type: FileType.Figure }));
+                        break;
+                    }
+                    case ObjectTypes.TableElement: {
+                        const tableElement = element;
+                        const table = modelMap.get(tableElement.containedObjectID);
+                        const externalFileReferences = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.filter((file) => file.kind === 'dataset' && file.ref);
+                        if (externalFileReferences && externalFileReferences.length > 0) {
+                            files.push({
+                                id: element._id,
+                                label: `Table`,
+                                type: FileType.SheetsWorkbooks,
+                                externalFileReferences: table.externalFileReferences,
+                                caption: getCaptionText(tableElement.caption),
+                            });
+                        }
+                        break;
+                    }
+                }
+            });
+        }
+    });
+    return files;
+};