@manuscripts/style-guide 1.13.16 → 2.0.0

package/dist/cjs/components/LoadingOverlay.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingOverlay = void 0;
 const react_1 = __importDefault(require("react"));
 const react_modal_1 = __importDefault(require("react-modal"));
-const LoadingOverlay = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null,
+const LoadingOverlay = ({ children, }) => (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement(react_modal_1.default, { isOpen: true, style: {
             overlay: {
                 position: 'fixed',

package/dist/cjs/components/TextFieldContainer.js

@@ -23,7 +23,7 @@ const react_1 = __importDefault(require("react"));
 const TextField_1 = require("./TextField");
 const TextFieldError_1 = require("./TextFieldError");
 const TextFieldContainer = ({ label, error, children }) => {
-    const childrenWithErrorProp = react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child, { error }));
+    const childrenWithErrorProp = react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child, { error: String(error) }));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         label ? (react_1.default.createElement(TextField_1.TextFieldLabel, null,
             label,

package/dist/es/components/LoadingOverlay.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Modal from 'react-modal';
-export const LoadingOverlay = ({ children }) => (React.createElement(React.Fragment, null,
+export const LoadingOverlay = ({ children, }) => (React.createElement(React.Fragment, null,
     React.createElement(Modal, { isOpen: true, style: {
             overlay: {
                 position: 'fixed',

package/dist/es/components/TextFieldContainer.js

@@ -17,7 +17,7 @@ import React from 'react';
 import { TextFieldLabel } from './TextField';
 import { TextFieldError, TextFieldErrorItem } from './TextFieldError';
 export const TextFieldContainer = ({ label, error, children }) => {
-    const childrenWithErrorProp = React.Children.map(children, (child) => React.cloneElement(child, { error }));
+    const childrenWithErrorProp = React.Children.map(children, (child) => React.cloneElement(child, { error: String(error) }));
     return (React.createElement(React.Fragment, null,
         label ? (React.createElement(TextFieldLabel, null,
             label,

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

@@ -38,6 +38,7 @@ interface Props {
     type: AlertMessageType;
     dismissButton?: Dismiss;
     hideCloseButton?: boolean;
+    children: React.ReactNode;
 }
 export declare class AlertMessage extends React.Component<Props, State> {
     state: State;

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

@@ -33,6 +33,7 @@ export declare const Field: import("styled-components").StyledComponent<"div", i
 interface Props {
     title: React.ReactNode;
     contentStyles?: CSSProperties;
+    children?: React.ReactNode;
 }
 export declare const InspectorSection: React.FC<Props>;
 export {};

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

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const LoadingOverlay: React.FC;
+export declare const LoadingOverlay: React.FC<{
+    children: React.ReactNode;
+}>;

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

@@ -51,6 +51,7 @@ interface DropdownButtonProps {
     notificationsCount?: number;
     onClick?: React.MouseEventHandler;
     removeChevron?: boolean;
+    children: React.ReactNode;
 }
 export declare const NavDropdownButton: React.FunctionComponent<DropdownButtonProps>;
 export {};

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

@@ -21,4 +21,5 @@ export declare const TextFieldGroup: import("styled-components").StyledComponent
 export declare const TextFieldLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextFieldWrapper: React.FC<{
     leftIcon: JSX.Element;
+    children: React.ReactNode;
 }>;

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

@@ -17,7 +17,7 @@ import React from 'react';
 import { ErrorProps } from './Form';
 interface TextFieldContainerProps {
     label?: string;
-    error?: string | null | Record<string, unknown>;
+    error?: React.ReactNode | undefined;
     children: React.ReactElement<ErrorProps>;
 }
 export declare const TextFieldContainer: React.FunctionComponent<TextFieldContainerProps>;

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

@@ -15,4 +15,6 @@
  */
 import React from 'react';
 export declare const TextFieldErrorItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TextFieldError: React.FunctionComponent;
+export declare const TextFieldError: React.FunctionComponent<{
+    children: React.ReactNode;
+}>;

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

@@ -15,10 +15,11 @@
  */
 import React from 'react';
 interface Errors {
-    [key: string]: string | Record<string, unknown> | undefined;
+    [key: string]: React.ReactNode | undefined;
 }
 interface TextFieldGroupContainerProps {
     errors?: Errors;
+    children: React.ReactNode;
 }
 export declare const TextFieldGroupContainer: React.FunctionComponent<TextFieldGroupContainerProps>;
 export {};

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

@@ -52,4 +52,5 @@ export declare const usePermissions: () => Capabilities;
 export declare const useCalcPermission: ({ project, profile, role, permittedActions, }: ProviderProps) => Capabilities;
 export declare const CapabilitiesProvider: React.FC<{
     can: Capabilities;
+    children: React.ReactNode;
 }>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.13.16",
+  "version": "2.0.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -39,7 +39,7 @@
     "formik": "^2.2.9",
     "fuzzysort": "^2.0.4",
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "prosemirror-view": "1.32.7",
     "prosemirror-state": "1.4.3",
     "prosemirror-model": "1.19.4",
@@ -48,8 +48,8 @@
     "prosemirror-commands": "1.5.2",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
     "react-modal": "^3.16.1",
     "react-modern-calendar-datepicker": "^3.1.6",
     "react-router-dom": "^5.3.4",
@@ -74,8 +74,8 @@
     "@types/jest": "^29.2.4",
     "@types/lodash": "^4.14.202",
     "@types/styled-components": "^5.1.4",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@types/react-modal": "^3.16.3",
     "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
@@ -106,7 +106,7 @@
     "typescript": "^4.4.4"
   },
   "resolutions": {
-    "@types/react": "^17.0.2",
+    "@types/react": "^18.3.1",
     "jackspeak": "2.1.1"
   }
 }