@manuscripts/style-guide 1.0.6 → 1.0.7-LEAN-2237

package/dist/types/components/FileManager/FileManager.d.ts

@@ -3,14 +3,12 @@ import { Build } from '@manuscripts/transform';
 import React from 'react';
 import { Capabilities } from '../../lib/capabilities';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
-export type Upload = (file: File, designation: string) => Promise<boolean | SubmissionAttachment | undefined>;
-export type Replace = (attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean | SubmissionAttachment | undefined>;
-export type ChangeDesignation = (attachmentId: string, typeId: string, name: string) => Promise<boolean>;
+export type Upload = (file: File) => Promise<boolean | SubmissionAttachment | undefined>;
+export type Replace = (attachmentId: string, name: string, file: File) => Promise<boolean | SubmissionAttachment | undefined>;
 export interface FileManagement {
     getAttachments: () => SubmissionAttachment[];
     upload: Upload;
     replace: Replace;
-    changeDesignation: ChangeDesignation;
 }
 export declare const PermissionsContext: React.Context<Capabilities | null>;
 export declare const FileManager: React.FC<{

package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts

@@ -1,16 +1,11 @@
 import React, { Dispatch } from 'react';
-import { ChangeDesignation } from '../FileManager';
 import { Action } from '../FileSectionState';
-import { Designation } from '../util';
 export declare const FileInfo: React.FC<{
     showAttachmentName: boolean;
-    showDesignationActions: boolean;
     title: string;
     submissionAttachmentName: string;
     fileExtension: string;
-    designation?: Designation;
     attachmentId: string;
-    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
 }>;
 export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, Dispatch } from 'react';
 import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
 import { Maybe } from '../../SubmissionInspector/types';
-import { ChangeDesignation, Replace } from '../FileManager';
+import { Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
 export type SubmissionAttachment = {
     id: string;
@@ -17,12 +17,10 @@ export interface FileSectionItemProps {
     externalFile: SubmissionAttachment;
     title: string;
     showAttachmentName?: boolean;
-    showDesignationActions?: boolean;
     showActions?: boolean;
     showReplaceAction?: boolean;
     handleDownload?: (url: string) => void;
     handleReplace?: Replace;
-    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
     dragRef?: DragElementWrapper<DragSourceOptions>;
     className?: string;

package/dist/types/components/FileManager/FileSectionItem/ItemActions.d.ts

@@ -1,5 +1,4 @@
 import React, { Dispatch } from 'react';
-import { Maybe } from '../../SubmissionInspector/types';
 import { Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
 import { SubmissionAttachment } from './FileSectionItem';
@@ -10,7 +9,6 @@ export declare const ItemActions: React.FC<{
     handleUpdateInline?: (attachment: SubmissionAttachment) => void;
     attachmentId: string;
     fileName: string;
-    designation?: Maybe<string> | undefined;
     publicUrl: string | undefined;
     hideActionList: (e?: React.MouseEvent) => void;
     dispatch?: Dispatch<Action>;

package/dist/types/components/FileManager/FileSectionState.d.ts

@@ -1,4 +1,4 @@
-import { Designation, FileSectionType } from './util';
+import { FileSectionType } from './util';
 export declare const getInitialState: () => State;
 export interface State {
     uploadedFile: File | undefined;
@@ -10,13 +10,10 @@ export interface State {
     fileUploadedSuccessfullySection: FileSectionType | undefined;
     successMessage: string;
     isShowSuccessMessage: boolean;
-    selectDesignation: Designation | undefined;
-    showDesignationPopup: FileSectionType | undefined;
 }
 declare enum ActionTypes {
     UPLOAD_FILE = "UploadFile",
     MOVE_FILE = "moveFile",
-    SELECT_DESIGNATION = "selectDesignation",
     HANDLE_CANCEL_UPLOAD = "handleCancel",
     HANDLE_UPLOAD_ACTION = "handleUpload",
     HANDLE_FINISH_UPLOAD = "handleFinishUpload",
@@ -32,7 +29,6 @@ export declare const actions: {
     UPLOAD_FILE: (uploadFile: File, sectionType: FileSectionType) => Action;
     HANDLE_UPLOAD_ACTION: () => Action;
     HANDLE_CANCEL_UPLOAD: () => Action;
-    SELECT_DESIGNATION: (designation: Designation) => Action;
     MOVE_FILE: (attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
     HANDLE_FINISH_UPLOAD: () => Action;
     HANDLE_SUCCESS_MESSAGE: (successMessage: string, sectionType?: FileSectionType) => Action;

package/dist/types/components/FileManager/util.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-import { Capabilities } from '../../lib/capabilities';
-import { Maybe } from '../SubmissionInspector/types';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 export declare enum FileSectionType {
     Inline = 0,
@@ -21,27 +18,6 @@ export declare enum FileType {
     Figure = 10,
     GraphicalAbstract = 11
 }
-export declare enum Designation {
-    Figure = 0,
-    Table = 1,
-    Supplementary = 2,
-    ConflictOfInterest = 3,
-    Document = 4,
-    GraphicalAbstract = 5,
-    GraphicalAbstractImage = 6,
-    GraphicalAbstractText = 7,
-    Metadata = 8,
-    SubmissionFile = 9,
-    SubmissionPdf = 10,
-    TitlePage = 11,
-    Dataset = 12,
-    MainManuscript = 13
-}
-export declare const designationWithFileSectionsMap: Map<Designation, FileSectionType>;
-export declare const namesWithDesignationMap: Map<Maybe<string> | undefined, Designation>;
-export declare const designationWithReadableNamesMap: Map<Designation, string>;
-export declare const designationWithAllowedMediaTypesMap: Map<Designation, string[]>;
-export declare const designationWithAllowedDesignationsToTransitionMap: Map<Designation, Designation[]>;
 export declare const extensionsWithFileTypesMap: Map<string, FileType>;
 export declare const fileTypesWithTitlesMap: Map<FileType | undefined, string>;
 export declare const fileTypesWithIconMap: Map<FileType | undefined, JSX.Element>;
@@ -49,11 +25,4 @@ export declare const generateAttachmentsTitles: (externalFiles: SubmissionAttach
     title: string;
     externalFile: SubmissionAttachment;
 }>;
-export declare const getDesignationActionsList: (designation: Designation, fileExtension: string) => Array<Designation>;
-export declare const getDesignationName: (designation: Designation) => string;
-export declare const getDesignationByFileSection: (fileSectionType: FileSectionType) => Array<Designation>;
-export declare const getUploadFileDesignationList: (fileExtension: string, fileSectionType: FileSectionType | Designation[], can: Capabilities | null) => Array<{
-    value: number;
-    label: string;
-}>;
 export declare const droppableSections: FileSectionType[];

package/dist/types/components/icons/add-author.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddAuthor: (props: IconProps) => JSX.Element;
 export default AddAuthor;

package/dist/types/components/icons/add-comment-icon.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 declare const AddComment: () => JSX.Element;
 export default AddComment;

package/dist/types/components/icons/add-icon-active.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconActive: (props: IconProps) => JSX.Element;
 export default AddIconActive;

package/dist/types/components/icons/add-icon-inverted.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconInverted: (props: IconProps) => JSX.Element;
 export default AddIconInverted;

package/dist/types/components/icons/back-arrow.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 export declare const BackArrow: (props: IconProps) => JSX.Element;
 export default BackArrow;

package/dist/types/components/icons/bookmark.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Bookmark: (props: IconProps) => JSX.Element;
 export default Bookmark;

package/dist/types/components/icons/google.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Google: (props: IconProps) => JSX.Element;
 export default Google;

package/dist/types/components/icons/orcid.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Orcid: (props: IconProps) => JSX.Element;
 export default Orcid;

package/dist/types/components/icons/plus-icon.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 export declare const PlusIcon: () => JSX.Element;
 export default PlusIcon;

package/dist/types/components/icons/project-notification.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectNotification: (props: IconProps) => JSX.Element;
 export default ProjectNotification;

package/dist/types/components/icons/project.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectIcon: (props: IconProps) => JSX.Element;
 export default ProjectIcon;

package/dist/types/components/icons/projects-list.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectsList: (props: IconProps) => JSX.Element;
 export default ProjectsList;

package/dist/types/components/icons/search.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const SearchIcon: (props: IconProps) => JSX.Element;
 export default SearchIcon;

package/dist/types/components/icons/tick-mark.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const TickMark: (props: IconProps) => JSX.Element;
 export default TickMark;

package/dist/types/components/icons/user.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const User: (props: IconProps) => JSX.Element;
 export default User;

package/dist/types/index.d.ts

@@ -47,7 +47,6 @@ export * from './components/Inspector';
 export * from './components/InspectorSection';
 export * from './components/Badge';
 export * from './components/NavDropdown';
-export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';
 export * from './hooks/use-dropdown';
@@ -57,6 +56,5 @@ export * from './lib/authors';
 export * from './lib/capabilities';
 export { default as errorsDecoder } from './lib/lw-errors-decoder';
 export * from './types';
-export { SelectDialogDesignation } from './components/FileManager/SelectDialogDesignation';
 export * from './components/LoadingOverlay';
 export * from './components/EditorHeader/EditorHeader';

package/dist/types/lib/capabilities.d.ts

@@ -19,7 +19,6 @@ export type Capabilities = {
     viewHistory: boolean;
     restoreVersion: boolean;
     downloadFiles: boolean;
-    changeDesignation: boolean;
     replaceFile: boolean;
     uploadFile: boolean;
     handleQualityReport: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.0.6",
+  "version": "1.0.7-LEAN-2237",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,29 +32,51 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@apollo/client": "^3.7.3",
     "@formatjs/intl-relativetimeformat": "^4.5.9",
     "@formatjs/intl-utils": "^2.2.0",
+    "@manuscripts/assets": "^0.6.2",
+    "@manuscripts/transform": "^1.1.1",
+    "@manuscripts/json-schema": "^1.0.0",
+    "@manuscripts/title-editor": "^1.1.0",
+    "@manuscripts/comment-editor": "^1.0.1",
+    "@reach/tabs": "^0.11.2",
+    "formik": "^2.2.9",
     "date-fns": "^2.29.3",
     "lodash-es": "^4.17.21",
-    "pdfjs-dist": "^3.1.81",
     "tooltip.js": "^1.3.3",
-    "typeface-lato": "^1.1.13"
+    "typeface-lato": "^1.1.13",
+    "prosemirror-commands": "^1.5.0",
+    "prosemirror-history": "^1.3.0",
+    "prosemirror-inputrules": "^1.2.0",
+    "prosemirror-keymap": "^1.2.0",
+    "prosemirror-model": "^1.18.3",
+    "prosemirror-state": "^1.4.2",
+    "prosemirror-transform": "^1.7.0",
+    "prosemirror-view": "^1.29.1",
+    "react": "^17.0.2",
+    "react-color": "^2.19.3",
+    "react-dnd": "^11.1.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "react-dom": "^17.0.2",
+    "react-intl": "^3.12.0",
+    "react-modal": "^3.11.2",
+    "react-modern-calendar-datepicker": "^3.1.3",
+    "react-popper": "^1.3.11",
+    "react-router-dom": "^5.2.0",
+    "react-select": "^5.0.1",
+    "react-sizeme": "^2.6.12",
+    "react-tooltip": "^4.2.11",
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "@apollo/client": "^3.7.3",
     "@babel/core": "^7.20.5",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@manuscripts/assets": "^0.6.2",
-    "@manuscripts/comment-editor": "^1.0.0",
     "@manuscripts/data": "^0.1.0",
     "@manuscripts/eslint-config": "^0.5.1",
     "@manuscripts/examples": "^0.0.7",
-    "@manuscripts/json-schema": "^1.0.0",
-    "@manuscripts/title-editor": "^1.0.0",
-    "@manuscripts/transform": "^1.0.1",
-    "@reach/tabs": "^0.11.2",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addons": "^6.5.15",
     "@storybook/core": "^6.5.15",
@@ -84,36 +106,12 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^8.0.0",
-    "formik": "^2.2.9",
     "husky": "^8.0.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.1",
-    "prosemirror-commands": "^1.5.0",
-    "prosemirror-history": "^1.3.0",
-    "prosemirror-inputrules": "^1.2.0",
-    "prosemirror-keymap": "^1.2.0",
-    "prosemirror-model": "^1.18.3",
-    "prosemirror-state": "^1.4.2",
-    "prosemirror-transform": "^1.7.0",
-    "prosemirror-view": "^1.29.1",
-    "react": "^16.13.1",
-    "react-color": "^2.19.3",
-    "react-dnd": "^11.1.3",
-    "react-dnd-html5-backend": "^11.1.3",
-    "react-dom": "^16.13.1",
-    "react-intl": "^3.12.0",
-    "react-is": "^16.13.1",
-    "react-modal": "^3.11.2",
-    "react-modern-calendar-datepicker": "^3.1.3",
-    "react-popper": "^1.3.11",
-    "react-router-dom": "^5.2.0",
-    "react-select": "^5.0.1",
-    "react-sizeme": "^2.6.12",
-    "react-tooltip": "^4.2.11",
     "rimraf": "^3.0.0",
-    "styled-components": "^5.2.0",
     "typescript": "^4.4.4"
   },
   "peerDependencies": {
@@ -133,11 +131,11 @@
     "prosemirror-state": "^1.4.2",
     "prosemirror-transform": "^1.7.0",
     "prosemirror-view": "^1.29.1",
-    "react": "^16.13.1",
+    "react": "^17.0.2",
     "react-color": "^2.19.3",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
-    "react-dom": "^16.13.1",
+    "react-dom": "^17.0.2",
     "react-intl": "^3.12.0",
     "react-modal": "^3.11.2",
     "react-modern-calendar-datepicker": "^3.1.3",
@@ -148,6 +146,6 @@
     "react-tooltip": "^4.2.11"
   },
   "resolutions": {
-    "@types/react": "^16.9.52"
+    "@types/react": "^17.0.2"
   }
 }

package/dist/cjs/components/FileManager/FileSectionItem/DesignationActions.js

@@ -1,131 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignationActions = void 0;
-const react_1 = __importStar(require("react"));
-const react_tooltip_1 = __importDefault(require("react-tooltip"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const BottomArrowIcon_1 = __importDefault(require("../../icons/BottomArrowIcon"));
-const ConfirmationPopUp_1 = require("../ConfirmationPopUp");
-const TooltipDiv_1 = require("../TooltipDiv");
-const util_1 = require("../util");
-const DesignationActionsList_1 = require("./DesignationActionsList");
-const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, fileName, can, dispatch, }) => {
-    const [isActionsShown, setIsActionsShown] = (0, react_1.useState)(false);
-    const [confirmationPopUpData, setConfirmationPopUpData] = (0, react_1.useState)({
-        isConfirmationPopUpOpen: false,
-        confirmationPopUpMessage: '',
-        confirmationPopUpHeader: '',
-        selectedDesignation: '',
-    });
-    const toggleActionsList = () => {
-        setIsActionsShown((prevState) => {
-            return !prevState;
-        });
-    };
-    const hideActionsList = () => {
-        setIsActionsShown(false);
-    };
-    if (designation !== undefined && fileExtension) {
-        const designationActionsList = (0, util_1.getDesignationActionsList)(designation, fileExtension);
-        if (!designationActionsList.length) {
-            return null;
-        }
-        const handleOpenConfirmationPopup = (popupHeader, popupMessage, designation) => {
-            setConfirmationPopUpData({
-                confirmationPopUpMessage: popupMessage,
-                confirmationPopUpHeader: popupHeader,
-                isConfirmationPopUpOpen: true,
-                selectedDesignation: designation,
-            });
-        };
-        const handleMoveAction = () => {
-            handleChangeDesignation &&
-                handleChangeDesignation(attachmentId, confirmationPopUpData.selectedDesignation, fileName);
-            handleCloseAction();
-        };
-        const handleCloseAction = () => {
-            setConfirmationPopUpData({
-                confirmationPopUpMessage: '',
-                confirmationPopUpHeader: '',
-                selectedDesignation: '',
-                isConfirmationPopUpOpen: false,
-            });
-        };
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(SecondaryActionsContainer, { onClick: toggleActionsList, onBlur: hideActionsList },
-                !(can === null || can === void 0 ? void 0 : can.changeDesignation) && (react_1.default.createElement(TooltipContainer, null,
-                    react_1.default.createElement(react_tooltip_1.default, { id: "file-designation", place: "bottom", offset: { bottom: -8 }, effect: "solid", className: "tooltip" },
-                        react_1.default.createElement("div", null, "You don\u2019t have permissions to adjust this selection")))),
-                react_1.default.createElement(SecondaryActionsText, { "data-for": "file-designation", "data-tip": true }, util_1.designationWithReadableNamesMap.get(designation)),
-                react_1.default.createElement(BottomArrowIcon_1.default, null),
-                isActionsShown && (can === null || can === void 0 ? void 0 : can.changeDesignation) && (react_1.default.createElement(ActionsListContainer, null,
-                    react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
-            confirmationPopUpData.isConfirmationPopUpOpen && (react_1.default.createElement(ConfirmationPopUp_1.ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
-                    ? confirmationPopUpData.confirmationPopUpHeader
-                    : '', popUpMessage: confirmationPopUpData.confirmationPopUpMessage !== undefined
-                    ? confirmationPopUpData.confirmationPopUpMessage
-                    : '', isOpen: confirmationPopUpData.isConfirmationPopUpOpen, handleClose: () => handleCloseAction(), handleMove: () => handleMoveAction() }))));
-    }
-    else {
-        return null;
-    }
-};
-exports.DesignationActions = DesignationActions;
-const SecondaryActionsContainer = styled_components_1.default.button `
-  display: flex;
-  align-items: center;
-  background: transparent;
-  border: none;
-  padding: 0;
-  font-family: ${(props) => props.theme.font.family.Lato};
-  font-weight: normal;
-  font-size: 14px;
-  line-height: 20px;
-  color: ${(props) => props.theme.colors.text.secondary};
-  cursor: pointer;
-
-  &:focus {
-    outline: none;
-  }
-`;
-const SecondaryActionsText = styled_components_1.default.div `
-  margin-right: 8px;
-`;
-const ActionsListContainer = styled_components_1.default.div `
-  position: absolute;
-  top: 40px;
-  z-index: 999;
-`;
-const TooltipContainer = (0, styled_components_1.default)(TooltipDiv_1.TooltipDiv) `
-  .tooltip {
-    white-space: normal;
-    width: 144px;
-    height: 32px;
-  }
-`;

package/dist/cjs/components/FileManager/FileSectionItem/DesignationActionsList.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignationActionsList = void 0;
-const react_1 = __importDefault(require("react"));
-const FileSectionState_1 = require("../FileSectionState");
-const ItemsAction_1 = require("../ItemsAction");
-const util_1 = require("../util");
-const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
-    const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
-        if (isMoveInOtherFileSection) {
-            if (dispatch) {
-                dispatch(FileSectionState_1.actions.MOVE_FILE(attachmentId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
-                handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, (0, util_1.getDesignationName)(designation));
-            }
-        }
-        else {
-            handleChangeDesignation &&
-                handleChangeDesignation(attachmentId, (0, util_1.getDesignationName)(designation), fileName);
-        }
-    };
-    const isSupplementaryActionIncluded = designationActionsList.indexOf(util_1.Designation.Supplementary) !== -1;
-    const otherFilesActionsList = designationActionsList
-        .filter((value) => value !== util_1.Designation.Supplementary)
-        .map((value) => {
-        return (react_1.default.createElement(ItemsAction_1.ActionsItem, { key: value, onClick: () => {
-                let isMoveToOtherFileSection = true;
-                if (designation !== undefined) {
-                    isMoveToOtherFileSection =
-                        util_1.designationWithFileSectionsMap.get(designation) !==
-                            util_1.FileSectionType.OtherFile;
-                }
-                handleChangeOtherFilesTabDesignation(value, isMoveToOtherFileSection, 'Are you sure you want to move this file to "Other"?', 'The file will be removed from the "Supplementary" and added to "Other".', 'Supplementary file successfully moved to other files');
-            } }, util_1.designationWithReadableNamesMap.get(value)));
-    });
-    return (react_1.default.createElement(ItemsAction_1.ActionsBox, null,
-        otherFilesActionsList.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(ItemsAction_1.ActionsLabel, null, "Other Files"),
-            otherFilesActionsList)),
-        isSupplementaryActionIncluded && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(ItemsAction_1.ActionsSeparator, null),
-            react_1.default.createElement(ItemsAction_1.ActionsItem, { onClick: () => {
-                    let isMoveToOtherFileSection = true;
-                    if (designation !== undefined) {
-                        isMoveToOtherFileSection =
-                            util_1.designationWithFileSectionsMap.get(designation) !==
-                                util_1.FileSectionType.Supplements;
-                    }
-                    handleChangeOtherFilesTabDesignation(util_1.Designation.Supplementary, isMoveToOtherFileSection, 'Are you sure you want to move this file to "Supplementary"?', 'The file will be removed from the "Other" and added to "Supplementary".', 'File successfully moved to Supplementary files');
-                } }, util_1.designationWithReadableNamesMap.get(util_1.Designation.Supplementary))))));
-};
-exports.DesignationActionsList = DesignationActionsList;