@manuscripts/style-guide 1.5.0-LEAN-3180 → 1.5.0-LEAN-3180-2

package/dist/cjs/components/References/CitationViewer.js

@@ -14,13 +14,35 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+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.CitationViewer = exports.CitedItem = exports.CitedItems = void 0;
-const addons_1 = require("@storybook/addons");
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const ReferenceLine_1 = require("./ReferenceLine");
 exports.CitedItems = styled_components_1.default.div `
@@ -39,7 +61,7 @@ exports.CitedItem = styled_components_1.default.div `
   }
 `;
 const CitationViewer = ({ rids, items, }) => {
-    const cited = (0, addons_1.useMemo)(() => {
+    const cited = (0, react_1.useMemo)(() => {
         return rids.flatMap((rid) => items.filter((i) => i._id === rid));
     }, [rids, items]);
     return (react_1.default.createElement(exports.CitedItems, null, cited.map((item) => (react_1.default.createElement(ReferenceLine_1.ReferenceLine, { key: item._id, item: item })))));

package/dist/cjs/components/References/ReferenceForm.js

@@ -230,16 +230,25 @@ const ChangeHandlingForm = (props) => {
     }, [props.onChange, values]);
     return react_1.default.createElement(exports.FlexForm, null, props.children);
 };
-const ReferenceForm = ({ values, showDelete, handleChange: onChange, handleDelete, handleCancel, handleSave, }) => {
-    const ref = (0, react_1.useRef)(null);
+const ReferenceForm = ({ values, showDelete, handleChange, handleDelete, handleCancel, handleSave, actionsRef, }) => {
+    const fieldsRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            ref.current.scrollTop = 0;
+        if (fieldsRef.current) {
+            fieldsRef.current.scrollTop = 0;
         }
     }, [values]);
+    const formRef = (0, react_1.useRef)(null);
     const [showDeleteDialog, setShowDeleteDialog] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: handleSave, enableReinitialize: true }, ({ values, setFieldValue, handleChange }) => {
-        return (react_1.default.createElement(ChangeHandlingForm, { onChange: onChange },
+    if (actionsRef && !actionsRef.current) {
+        actionsRef.current = {
+            reset: () => {
+                var _a;
+                (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.resetForm();
+            },
+        };
+    }
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: handleSave, enableReinitialize: true, innerRef: formRef }, (formik) => {
+        return (react_1.default.createElement(ChangeHandlingForm, { onChange: handleChange },
             react_1.default.createElement(Dialog_1.Dialog, { isOpen: showDeleteDialog, category: Dialog_1.Category.confirmation, header: "Delete Reference", message: "Are you sure you want to delete this reference from the list?", actions: {
                     secondary: {
                         action: () => {
@@ -255,16 +264,16 @@ const ReferenceForm = ({ values, showDelete, handleChange: onChange, handleDelet
                 } }),
             react_1.default.createElement(Actions, null,
                 react_1.default.createElement(Button_1.ButtonGroup, null,
-                    react_1.default.createElement(Button_1.IconButton, { defaultColor: true, as: "a", href: `https://doi.org/${values.DOI}`, target: '_blank' },
+                    react_1.default.createElement(Button_1.IconButton, { defaultColor: true, as: "a", href: `https://doi.org/${formik.values.DOI}`, target: '_blank' },
                         react_1.default.createElement(link_icon_1.LinkIcon, null)),
                     react_1.default.createElement("div", { "data-tip": true, "data-for": 'delete-button' },
-                        react_1.default.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, onClick: handleDelete },
+                        react_1.default.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, onClick: () => setShowDeleteDialog(true) },
                             react_1.default.createElement(delete_icon_1.DeleteIcon, null)),
                         react_1.default.createElement(react_tooltip_1.default, { disable: showDelete, id: 'delete-button', place: "bottom", effect: "solid", offset: { top: 15 }, className: "tooltip" }, "Unable to delete because the item is used in the document"))),
                 react_1.default.createElement(Button_1.ButtonGroup, null,
                     react_1.default.createElement(Button_1.SecondaryButton, { onClick: handleCancel }, "Cancel"),
                     react_1.default.createElement(Button_1.PrimaryButton, { type: "submit" }, "Save"))),
-            react_1.default.createElement(exports.FormFields, { ref: ref },
+            react_1.default.createElement(exports.FormFields, { ref: fieldsRef },
                 react_1.default.createElement(exports.FormField, null,
                     react_1.default.createElement(exports.LabelContainer, null,
                         react_1.default.createElement(Label, { htmlFor: 'citation-item-type' }, "Type")),
@@ -282,25 +291,25 @@ const ReferenceForm = ({ values, showDelete, handleChange: onChange, handleDelet
                                     isNew: true,
                                 })) },
                                 react_1.default.createElement(AddAuthor_1.default, { height: 17, width: 17 }))),
-                        react_1.default.createElement("div", null, values.author &&
-                            values.author.map((author, index) => (react_1.default.createElement(AuthorDropDown, { key: index, index: index, author: author, remove: remove, handleChange: handleChange })))))) }),
+                        react_1.default.createElement("div", null, formik.values.author &&
+                            formik.values.author.map((author, index) => (react_1.default.createElement(AuthorDropDown, { key: index, index: index, author: author, remove: remove, handleChange: formik.handleChange })))))) }),
                 react_1.default.createElement(exports.FormField, null,
                     react_1.default.createElement(exports.LabelContainer, null,
                         react_1.default.createElement(Label, { htmlFor: "issued['date-parts'][0][0]" }, "Year")),
                     react_1.default.createElement(YearField, { name: "issued['date-parts'][0][0]", type: 'number', step: 1, onChange: (event) => {
                             const { value } = event.target;
                             if (value) {
-                                if (values.issued) {
-                                    setFieldValue("issued['date-parts'][0][0]", Number(value));
+                                if (formik.values.issued) {
+                                    formik.setFieldValue("issued['date-parts'][0][0]", Number(value));
                                 }
                                 else {
-                                    setFieldValue('issued', (0, transform_1.buildBibliographicDate)({
+                                    formik.setFieldValue('issued', (0, transform_1.buildBibliographicDate)({
                                         'date-parts': [[Number(value)]],
                                     }));
                                 }
                             }
                             else {
-                                setFieldValue('issued', '');
+                                formik.setFieldValue('issued', '');
                             }
                         } })),
                 react_1.default.createElement(exports.FormField, null,

package/dist/cjs/components/References/ReferencesModal.js

@@ -162,8 +162,10 @@ const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCounts, ha
             setStartIndex(Math.max(newLast - dropLimit, startIndex));
         }
     }, [triggers, items]);
+    const actionsRef = (0, react_1.useRef)();
     const reset = () => {
-        setValues(undefined);
+        var _a;
+        (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.reset();
         setConfirm(false);
     };
     const save = (0, react_1.useCallback)((values) => {
@@ -172,7 +174,8 @@ const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCounts, ha
         }
         const item = Object.assign(Object.assign({}, selection), values);
         handleSave(item);
-        reset();
+        setSelection(item);
+        setConfirm(false);
     }, [selection, handleSave]);
     const handleItemClick = (0, react_1.useCallback)((item) => {
         if (values && selection && !(0, lodash_1.isEqual)(values, (0, exports.normalize)(selection))) {
@@ -212,6 +215,6 @@ const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCounts, ha
                                 react_1.default.createElement(CitationCount, { className: citationCounts.get(item._id) ? '' : 'unused' }, citationCounts.get(item._id) || 0),
                                 react_1.default.createElement(react_tooltip_1.default, { disable: (citationCounts.get(item._id) || 0) < 1, id: "citation-count", place: "bottom", effect: "solid", offset: { top: 40 }, className: "tooltip" }, "Number of times used in the document")),
                             react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }))))))),
-                react_1.default.createElement(StyledModal_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: (0, exports.normalize)(selection), showDelete: !citationCounts.get(selection._id), handleChange: handleChange, handleCancel: handleCancel, handleDelete: () => handleDelete(selection), handleSave: save })))))));
+                react_1.default.createElement(StyledModal_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: (0, exports.normalize)(selection), showDelete: !citationCounts.get(selection._id), handleChange: handleChange, handleCancel: handleCancel, handleDelete: () => handleDelete(selection), handleSave: save, actionsRef: actionsRef })))))));
 };
 exports.ReferencesModal = ReferencesModal;

package/dist/es/components/References/CitationViewer.js

@@ -13,8 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { useMemo } from '@storybook/addons';
-import React from 'react';
+import React, { useMemo } from 'react';
 import styled from 'styled-components';
 import { ReferenceLine } from './ReferenceLine';
 export const CitedItems = styled.div `

package/dist/es/components/References/ReferenceForm.js

@@ -18,7 +18,7 @@ import Trashcan from '@manuscripts/assets/react/AnnotationRemove';
 import ArrowDownBlue from '@manuscripts/assets/react/ArrowDownBlue';
 import { buildBibliographicDate, buildBibliographicName, } from '@manuscripts/transform';
 import { Field, FieldArray, Form, Formik, useFormikContext, } from 'formik';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState, } from 'react';
 import ReactTooltip from 'react-tooltip';
 import styled from 'styled-components';
 import { ButtonGroup, IconButton, PrimaryButton, SecondaryButton, } from '../Button';
@@ -201,16 +201,25 @@ const ChangeHandlingForm = (props) => {
     }, [props.onChange, values]);
     return React.createElement(FlexForm, null, props.children);
 };
-export const ReferenceForm = ({ values, showDelete, handleChange: onChange, handleDelete, handleCancel, handleSave, }) => {
-    const ref = useRef(null);
+export const ReferenceForm = ({ values, showDelete, handleChange, handleDelete, handleCancel, handleSave, actionsRef, }) => {
+    const fieldsRef = useRef(null);
     useEffect(() => {
-        if (ref.current) {
-            ref.current.scrollTop = 0;
+        if (fieldsRef.current) {
+            fieldsRef.current.scrollTop = 0;
         }
     }, [values]);
+    const formRef = useRef(null);
     const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-    return (React.createElement(Formik, { initialValues: values, onSubmit: handleSave, enableReinitialize: true }, ({ values, setFieldValue, handleChange }) => {
-        return (React.createElement(ChangeHandlingForm, { onChange: onChange },
+    if (actionsRef && !actionsRef.current) {
+        actionsRef.current = {
+            reset: () => {
+                var _a;
+                (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.resetForm();
+            },
+        };
+    }
+    return (React.createElement(Formik, { initialValues: values, onSubmit: handleSave, enableReinitialize: true, innerRef: formRef }, (formik) => {
+        return (React.createElement(ChangeHandlingForm, { onChange: handleChange },
             React.createElement(Dialog, { isOpen: showDeleteDialog, category: Category.confirmation, header: "Delete Reference", message: "Are you sure you want to delete this reference from the list?", actions: {
                     secondary: {
                         action: () => {
@@ -226,16 +235,16 @@ export const ReferenceForm = ({ values, showDelete, handleChange: onChange, hand
                 } }),
             React.createElement(Actions, null,
                 React.createElement(ButtonGroup, null,
-                    React.createElement(IconButton, { defaultColor: true, as: "a", href: `https://doi.org/${values.DOI}`, target: '_blank' },
+                    React.createElement(IconButton, { defaultColor: true, as: "a", href: `https://doi.org/${formik.values.DOI}`, target: '_blank' },
                         React.createElement(LinkIcon, null)),
                     React.createElement("div", { "data-tip": true, "data-for": 'delete-button' },
-                        React.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, onClick: handleDelete },
+                        React.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, onClick: () => setShowDeleteDialog(true) },
                             React.createElement(DeleteIcon, null)),
                         React.createElement(ReactTooltip, { disable: showDelete, id: 'delete-button', place: "bottom", effect: "solid", offset: { top: 15 }, className: "tooltip" }, "Unable to delete because the item is used in the document"))),
                 React.createElement(ButtonGroup, null,
                     React.createElement(SecondaryButton, { onClick: handleCancel }, "Cancel"),
                     React.createElement(PrimaryButton, { type: "submit" }, "Save"))),
-            React.createElement(FormFields, { ref: ref },
+            React.createElement(FormFields, { ref: fieldsRef },
                 React.createElement(FormField, null,
                     React.createElement(LabelContainer, null,
                         React.createElement(Label, { htmlFor: 'citation-item-type' }, "Type")),
@@ -253,25 +262,25 @@ export const ReferenceForm = ({ values, showDelete, handleChange: onChange, hand
                                     isNew: true,
                                 })) },
                                 React.createElement(AddAuthor, { height: 17, width: 17 }))),
-                        React.createElement("div", null, values.author &&
-                            values.author.map((author, index) => (React.createElement(AuthorDropDown, { key: index, index: index, author: author, remove: remove, handleChange: handleChange })))))) }),
+                        React.createElement("div", null, formik.values.author &&
+                            formik.values.author.map((author, index) => (React.createElement(AuthorDropDown, { key: index, index: index, author: author, remove: remove, handleChange: formik.handleChange })))))) }),
                 React.createElement(FormField, null,
                     React.createElement(LabelContainer, null,
                         React.createElement(Label, { htmlFor: "issued['date-parts'][0][0]" }, "Year")),
                     React.createElement(YearField, { name: "issued['date-parts'][0][0]", type: 'number', step: 1, onChange: (event) => {
                             const { value } = event.target;
                             if (value) {
-                                if (values.issued) {
-                                    setFieldValue("issued['date-parts'][0][0]", Number(value));
+                                if (formik.values.issued) {
+                                    formik.setFieldValue("issued['date-parts'][0][0]", Number(value));
                                 }
                                 else {
-                                    setFieldValue('issued', buildBibliographicDate({
+                                    formik.setFieldValue('issued', buildBibliographicDate({
                                         'date-parts': [[Number(value)]],
                                     }));
                                 }
                             }
                             else {
-                                setFieldValue('issued', '');
+                                formik.setFieldValue('issued', '');
                             }
                         } })),
                 React.createElement(FormField, null,

package/dist/es/components/References/ReferencesModal.js

@@ -7,7 +7,7 @@ import { useScrollDetection } from '../../hooks/use-scroll-detection';
 import { Category, Dialog } from '../Dialog';
 import { SidebarContent } from '../Sidebar';
 import { CloseButton, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, StyledModal, } from '../StyledModal';
-import { ReferenceForm } from './ReferenceForm';
+import { ReferenceForm, } from './ReferenceForm';
 import { ReferenceLine } from './ReferenceLine';
 const ReferencesModalContainer = styled(ModalContainer) `
   min-width: 960px;
@@ -132,8 +132,10 @@ export const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCou
             setStartIndex(Math.max(newLast - dropLimit, startIndex));
         }
     }, [triggers, items]);
+    const actionsRef = useRef();
     const reset = () => {
-        setValues(undefined);
+        var _a;
+        (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.reset();
         setConfirm(false);
     };
     const save = useCallback((values) => {
@@ -142,7 +144,8 @@ export const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCou
         }
         const item = Object.assign(Object.assign({}, selection), values);
         handleSave(item);
-        reset();
+        setSelection(item);
+        setConfirm(false);
     }, [selection, handleSave]);
     const handleItemClick = useCallback((item) => {
         if (values && selection && !isEqual(values, normalize(selection))) {
@@ -182,5 +185,5 @@ export const ReferencesModal = ({ isOpen, handleCancel, items, item, citationCou
                                 React.createElement(CitationCount, { className: citationCounts.get(item._id) ? '' : 'unused' }, citationCounts.get(item._id) || 0),
                                 React.createElement(ReactTooltip, { disable: (citationCounts.get(item._id) || 0) < 1, id: "citation-count", place: "bottom", effect: "solid", offset: { top: 40 }, className: "tooltip" }, "Number of times used in the document")),
                             React.createElement(ReferenceLine, { item: item }))))))),
-                React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection._id), handleChange: handleChange, handleCancel: handleCancel, handleDelete: () => handleDelete(selection), handleSave: save })))))));
+                React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection._id), handleChange: handleChange, handleCancel: handleCancel, handleDelete: () => handleDelete(selection), handleSave: save, actionsRef: actionsRef })))))));
 };

package/dist/types/components/References/ReferenceForm.d.ts

@@ -14,18 +14,22 @@
  * limitations under the License.
  */
 import { BibliographyItem } from '@manuscripts/json-schema';
-import React from 'react';
+import React, { MutableRefObject } from 'react';
 export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FormField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ReferenceTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, import("../Form").ErrorProps, never>;
 export declare const FlexForm: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & React.RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const FormFields: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export type FormValues = Pick<BibliographyItem, '_id' | 'title' | 'author' | 'DOI' | 'issued' | 'type' | 'container-title' | 'URL' | 'issue' | 'volume' | 'supplement' | 'page'>;
+export type ReferenceFormValues = Pick<BibliographyItem, '_id' | 'title' | 'author' | 'DOI' | 'issued' | 'type' | 'container-title' | 'URL' | 'issue' | 'volume' | 'supplement' | 'page'>;
+export interface ReferenceFormActions {
+    reset: () => void;
+}
 export declare const ReferenceForm: React.FC<{
-    values: FormValues;
+    values: ReferenceFormValues;
     showDelete: boolean;
-    handleChange: (values: FormValues) => void;
+    handleChange: (values: ReferenceFormValues) => void;
     handleCancel: () => void;
     handleDelete: () => void;
-    handleSave: (values: FormValues) => void;
+    handleSave: (values: ReferenceFormValues) => void;
+    actionsRef?: MutableRefObject<ReferenceFormActions | undefined>;
 }>;

package/dist/types/components/References/ReferencesModal.d.ts

@@ -1,7 +1,7 @@
 import { BibliographyItem } from '@manuscripts/json-schema';
 import React from 'react';
-import { FormValues } from './ReferenceForm';
-export declare const normalize: (item: BibliographyItem) => FormValues;
+import { ReferenceFormValues } from './ReferenceForm';
+export declare const normalize: (item: BibliographyItem) => ReferenceFormValues;
 export interface ReferencesModalProps {
     isOpen: boolean;
     handleCancel: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.5.0-LEAN-3180",
+  "version": "1.5.0-LEAN-3180-2",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",