@ouroboros/mouth-mui 1.3.2 → 2.1.1

package/lib/components/pages/Templates/Template/Content/Update/Email.js

@@ -6,19 +6,14 @@
  * @author Chris Nasr <chris@ouroboroscoding.com>
  * @created 2023-01-23
  */
-// Ouroboros modules
-import { Node } from '@ouroboros/define';
 import { DefineNode } from '@ouroboros/define-mui';
-import TemplateEmail from '@ouroboros/mouth/definitions/template_email.json';
 // NPM modules
 import PropTypes from 'prop-types';
 import React from 'react';
 // Material UI
 import Grid from '@mui/material/Grid';
-// Record Nodes
-const oSubjectNode = new Node(TemplateEmail.subject);
-const oTextNode = new Node(TemplateEmail.text);
-const oHtmlNode = new Node(TemplateEmail.html);
+// Import the shared types
+import { EmailTree } from '../../../../../../shared';
 /**
  * Email
  *
@@ -29,15 +24,15 @@ const oHtmlNode = new Node(TemplateEmail.html);
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function Email(props) {
+export default function Email({ errors, onChanged, value }) {
     // Render
     return (React.createElement(Grid, { container: true, className: "content_update_email", spacing: 1 },
         React.createElement(Grid, { item: true, xs: 12, className: "field" },
-            React.createElement(DefineNode, { error: props.errors.subject || false, label: "placeholder", name: "subject", node: oSubjectNode, onChange: val => props.onChanged('subject', val), type: "update", value: props.value.subject })),
+            React.createElement(DefineNode, { error: errors.subject || false, label: "placeholder", name: "subject", node: EmailTree.get('subject'), onChange: val => onChanged('subject', val), type: "update", value: value.subject })),
         React.createElement(Grid, { item: true, xs: 12, lg: 6, className: "field" },
-            React.createElement(DefineNode, { error: props.errors.text || false, label: "placeholder", name: "text", node: oTextNode, onChange: val => props.onChanged('text', val), type: "update", value: props.value.text })),
+            React.createElement(DefineNode, { error: errors.text || false, label: "placeholder", name: "text", node: EmailTree.get('text'), onChange: val => onChanged('text', val), type: "update", value: value.text })),
         React.createElement(Grid, { item: true, xs: 12, lg: 6, className: "field" },
-            React.createElement(DefineNode, { error: props.errors.html || false, label: "placeholder", name: "html", node: oHtmlNode, onChange: val => props.onChanged('html', val), type: "update", value: props.value.html }))));
+            React.createElement(DefineNode, { error: errors.html || false, label: "placeholder", name: "html", node: EmailTree.get('html'), onChange: val => onChanged('html', val), type: "update", value: value.html }))));
 }
 // Valid props
 Email.propTypes = {

package/lib/components/pages/Templates/Template/Content/Update/SMS.d.ts

@@ -24,7 +24,7 @@ export type SMSProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function SMS(props: SMSProps): React.JSX.Element;
+declare function SMS({ errors, onChanged, value }: SMSProps): React.JSX.Element;
 declare namespace SMS {
     var propTypes: {
         errors: PropTypes.Validator<object>;

package/lib/components/pages/Templates/Template/Content/Update/SMS.js

@@ -7,16 +7,14 @@
  * @created 2023-01-23
  */
 // Ouroboros modules
-import { Node } from '@ouroboros/define';
 import { DefineNode } from '@ouroboros/define-mui';
-import TemplateSMS from '@ouroboros/mouth/definitions/template_sms.json';
 // NPM modules
 import PropTypes from 'prop-types';
 import React from 'react';
 // Material UI
 import Box from '@mui/material/Box';
-// Record Nodes
-const oContentNode = new Node(TemplateSMS.content);
+// Import the shared types
+import { SmsTree } from '../../../../../../shared';
 /**
  * SMS
  *
@@ -27,10 +25,10 @@ const oContentNode = new Node(TemplateSMS.content);
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function SMS(props) {
+export default function SMS({ errors, onChanged, value }) {
     // Render
     return (React.createElement(Box, { className: "content_update_sms field" },
-        React.createElement(DefineNode, { error: props.errors.content || false, label: "placeholder", name: "content", node: oContentNode, onChange: val => props.onChanged('content', val), type: "update", value: props.value.content })));
+        React.createElement(DefineNode, { error: errors.content || false, label: "placeholder", name: "content", node: SmsTree.get('content'), onChange: val => onChanged('content', val), type: "update", value: value.content })));
 }
 // Valid props
 SMS.propTypes = {

package/lib/components/pages/Templates/Template/Content/Update/index.d.ts

@@ -12,7 +12,6 @@ import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type updateStruct = Omit<contentStruct, 'type'>;
 export type UpdateProps = {
-    mobile: boolean;
     onError: (error: responseErrorStruct) => void;
     onUpdated: (content: contentStruct) => void;
     value: contentStruct;
@@ -27,10 +26,9 @@ export type UpdateProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function Update(props: UpdateProps): React.JSX.Element;
+declare function Update({ onError, onUpdated, value }: UpdateProps): React.JSX.Element;
 declare namespace Update {
     var propTypes: {
-        mobile: PropTypes.Validator<boolean>;
         onError: PropTypes.Validator<(...args: any[]) => any>;
         onUpdated: PropTypes.Validator<(...args: any[]) => any>;
         value: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/components/pages/Templates/Template/Content/Update/index.js

@@ -7,7 +7,6 @@
  * @created 2023-01-22
  */
 // Ouroboros modules
-import clone from '@ouroboros/clone';
 import { errorTree } from '@ouroboros/define-mui';
 import mouth, { errors } from '@ouroboros/mouth';
 import { owithout } from '@ouroboros/tools';
@@ -31,16 +30,16 @@ import SMS from './SMS';
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function Update(props) {
+export default function Update({ onError, onUpdated, value }) {
     // State
     const [fieldErrors, fieldErrorsSet] = useState({});
     const [preview, previewSet] = useState(false);
-    const [record, recordSet] = useState(owithout(props.value, 'type'));
+    const [record, recordSet] = useState(owithout(value, 'type'));
     // Called to create the new content record
     function update() {
         // Send the record data to the server
-        mouth.update(`template/${props.value.type}`, record).then(() => {
-            props.onUpdated({ type: props.value.type, ...record });
+        mouth.update(`template/${value.type}`, record).then(() => {
+            onUpdated({ type: value.type, ...record });
         }, (error) => {
             if (error.code === errors.body.DATA_FIELDS) {
                 fieldErrorsSet(errorTree(error.msg));
@@ -63,51 +62,46 @@ export default function Update(props) {
                     lLines.push('The following variables are invalid: ' + oLines.variables.join(', '));
                 }
                 // Show the errors
-                if (props.onError) {
-                    props.onError({ code: 0, msg: lLines.join('\n') });
+                if (onError) {
+                    onError({ code: 0, msg: lLines.join('\n') });
                 }
             }
             else {
-                props.onError(error);
+                onError(error);
             }
         });
     }
     // Called when any fields in the record are changed
-    function recordChanged(field, value) {
+    function recordChanged(field, val) {
         // Clear error
         if (field in fieldErrors) {
             delete fieldErrors.field;
         }
-        // Clone the record
-        const oRecord = clone(record);
-        // Update the field
-        oRecord[field] = value;
-        // Store the new record
-        recordSet(oRecord);
+        // Set the new record
+        recordSet(o => { return { ...o, [field]: val }; });
     }
     // Render
     return (React.createElement(Box, { className: "content_update" },
-        (props.value.type === 'email' &&
-            React.createElement(Email, { errors: fieldErrors, key: props.value._id, onChanged: recordChanged, value: record })) || (props.value.type === 'sms' &&
-            React.createElement(SMS, { errors: fieldErrors, key: props.value._id, onChanged: recordChanged, value: record })),
+        (value.type === 'email' &&
+            React.createElement(Email, { errors: fieldErrors, key: value._id, onChanged: recordChanged, value: record })) || (value.type === 'sms' &&
+            React.createElement(SMS, { errors: fieldErrors, key: value._id, onChanged: recordChanged, value: record })),
         React.createElement(Box, { className: "actions" },
-            React.createElement(Button, { color: "secondary", onClick: () => recordSet(owithout(props.value, 'type')), variant: "contained" }, "Cancel"),
+            React.createElement(Button, { color: "secondary", onClick: () => recordSet(owithout(value, 'type')), variant: "contained" }, "Cancel"),
             React.createElement(Button, { color: "info", onClick: () => previewSet(true), variant: "contained" }, "Preview"),
             React.createElement(Button, { color: "primary", onClick: update, variant: "contained" }, "Save Content"),
             preview &&
-                React.createElement(Preview, { mobile: props.mobile, onClose: () => previewSet(false), onError: (error) => {
+                React.createElement(Preview, { onClose: () => previewSet(false), onError: (error) => {
                         if (error.code === errors.body.DATA_FIELDS) {
                             fieldErrorsSet(errorTree(error.msg));
                         }
                         else {
-                            props.onError(error);
+                            onError(error);
                         }
                         previewSet(false);
-                    }, value: { ...record, type: props.value.type } }))));
+                    }, value: { ...record, type: value.type } }))));
 }
 // Valid props
 Update.propTypes = {
-    mobile: PropTypes.bool.isRequired,
     onError: PropTypes.func.isRequired,
     onUpdated: PropTypes.func.isRequired,
     value: PropTypes.shape({

package/lib/components/pages/Templates/Template/Content/View/Email.d.ts

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { contentStruct } from '../../';
 export type EmailProps = {
-    mobile: boolean;
     value: contentStruct;
 };
 /**
@@ -23,10 +22,9 @@ export type EmailProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function Email(props: EmailProps): React.JSX.Element;
+declare function Email({ value }: EmailProps): React.JSX.Element;
 declare namespace Email {
     var propTypes: {
-        mobile: PropTypes.Validator<boolean>;
         value: PropTypes.Requireable<Required<PropTypes.InferProps<{
             _id: PropTypes.Validator<string>;
             _created: PropTypes.Requireable<number>;

package/lib/components/pages/Templates/Template/Content/View/Email.js

@@ -22,27 +22,26 @@ import Typography from '@mui/material/Typography';
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function Email(props) {
+export default function Email({ value }) {
     // Render
     return (React.createElement(Grid, { container: true, spacing: 2 },
         React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 2, xl: 1 },
             React.createElement(Typography, null,
                 React.createElement("strong", null, "Subject"))),
-        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, props.value.subject),
+        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, value.subject),
         React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 2, xl: 1 },
             React.createElement(Typography, null,
                 React.createElement("strong", null, "Text"))),
-        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, props.value.text &&
-            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, props.value.text)),
+        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, value.text &&
+            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, value.text)),
         React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 2, xl: 1 },
             React.createElement(Typography, null,
                 React.createElement("strong", null, "HTML"))),
-        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, props.value.html &&
-            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, props.value.html))));
+        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, value.html &&
+            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, value.html))));
 }
 // Valid props
 Email.propTypes = {
-    mobile: PropTypes.bool.isRequired,
     value: PropTypes.exact({
         _id: PropTypes.string.isRequired,
         _created: PropTypes.number,

package/lib/components/pages/Templates/Template/Content/View/SMS.d.ts

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { contentStruct } from '../../';
 export type SMSProps = {
-    mobile: boolean;
     value: contentStruct;
 };
 /**
@@ -23,10 +22,9 @@ export type SMSProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function SMS(props: SMSProps): React.JSX.Element;
+declare function SMS({ value }: SMSProps): React.JSX.Element;
 declare namespace SMS {
     var propTypes: {
-        mobile: PropTypes.Validator<boolean>;
         value: PropTypes.Requireable<Required<PropTypes.InferProps<{
             _id: PropTypes.Validator<string>;
             _created: PropTypes.Requireable<number>;

package/lib/components/pages/Templates/Template/Content/View/SMS.js

@@ -22,18 +22,17 @@ import Typography from '@mui/material/Typography';
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function SMS(props) {
+export default function SMS({ value }) {
     // Render
     return (React.createElement(Grid, { container: true, spacing: 2 },
         React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 2, xl: 1 },
             React.createElement(Typography, null,
                 React.createElement("strong", null, "Content"))),
-        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, props.value.content &&
-            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, props.value.content))));
+        React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 10, xl: 11 }, value.content &&
+            React.createElement(Typography, { style: { whiteSpace: 'pre-wrap' } }, value.content))));
 }
 // Valid props
 SMS.propTypes = {
-    mobile: PropTypes.bool.isRequired,
     value: PropTypes.exact({
         _id: PropTypes.string.isRequired,
         _created: PropTypes.number,

package/lib/components/pages/Templates/Template/Content/View/index.d.ts

@@ -11,7 +11,6 @@ import React from 'react';
 import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type ViewProps = {
-    mobile: boolean;
     onError: (error: responseErrorStruct) => void;
     value: contentStruct;
 };
@@ -25,10 +24,9 @@ export type ViewProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function View(props: ViewProps): React.JSX.Element;
+declare function View({ onError, value }: ViewProps): React.JSX.Element;
 declare namespace View {
     var propTypes: {
-        mobile: PropTypes.Validator<boolean>;
         onError: PropTypes.Validator<(...args: any[]) => any>;
         value: PropTypes.Requireable<PropTypes.InferProps<{
             _id: PropTypes.Validator<string>;

package/lib/components/pages/Templates/Template/Content/View/index.js

@@ -26,22 +26,21 @@ import SMS from './SMS';
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function View(props) {
+export default function View({ onError, value }) {
     // State
     const [preview, previewSet] = useState(false);
     // Render
     return (React.createElement(Box, { className: "content_view" },
-        (props.value.type === 'email' &&
-            React.createElement(Email, { ...props, key: props.value._id })) || (props.value.type === 'sms' &&
-            React.createElement(SMS, { ...props, key: props.value._id })),
+        (value.type === 'email' &&
+            React.createElement(Email, { key: value._id, value: value })) || (value.type === 'sms' &&
+            React.createElement(SMS, { key: value._id, value: value })),
         React.createElement(Box, { className: "actions" },
             React.createElement(Button, { color: "info", onClick: () => previewSet(true), variant: "contained" }, "Preview"),
             preview &&
-                React.createElement(Preview, { mobile: props.mobile, onClose: () => previewSet(false), onError: props.onError, value: props.value }))));
+                React.createElement(Preview, { onClose: () => previewSet(false), onError: onError, value: value }))));
 }
 // Valid props
 View.propTypes = {
-    mobile: PropTypes.bool.isRequired,
     onError: PropTypes.func.isRequired,
     value: PropTypes.shape({
         _id: PropTypes.string.isRequired,

package/lib/components/pages/Templates/Template/Variables.d.ts

@@ -22,7 +22,7 @@ export type VariablesProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function Variables(props: VariablesProps): React.JSX.Element;
+declare function Variables({ onChange, value }: VariablesProps): React.JSX.Element;
 declare namespace Variables {
     var propTypes: {
         onChange: PropTypes.Validator<(...args: any[]) => any>;

package/lib/components/pages/Templates/Template/Variables.js

@@ -7,7 +7,6 @@
  * @created 2023-01-20
  */
 // Ouroboros modules
-import clone from '@ouroboros/clone';
 import { Node } from '@ouroboros/define';
 import { DefineNode } from '@ouroboros/define-mui';
 import { omap } from '@ouroboros/tools';
@@ -35,14 +34,14 @@ const oNameNode = new Node({
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function Variables(props) {
+export default function Variables({ onChange, value }) {
     // Refs
     const refName = useRef(null);
     const refValue = useRef(null);
     // Called when a new variable is added
     function add() {
         // Clone the current value
-        const oValue = clone(props.value);
+        const oValue = { ...value };
         // If we have references to the inputs
         if (refName.current && refValue.current) {
             // Add the new item to it
@@ -52,23 +51,23 @@ export default function Variables(props) {
             refValue.current.value = '';
         }
         // Let the parent know
-        props.onChange(oValue);
+        onChange(oValue);
     }
     // Called when an existing variables needs to be removed
     function remove(name) {
         // Clone the current value
-        const oValue = clone(props.value);
+        const oValue = { ...value };
         // Delete the given key if it exists
         if (name in oValue) {
             delete oValue[name];
         }
         // Let the parent know
-        props.onChange(oValue);
+        onChange(oValue);
     }
     // Render
     return (React.createElement(Box, null,
         React.createElement(Grid, { container: true, spacing: 1 },
-            omap(props.value, (v, k) => React.createElement(React.Fragment, { key: k },
+            omap(value, (v, k) => React.createElement(React.Fragment, { key: k },
                 React.createElement(Grid, { item: true, xs: 5 }, k),
                 React.createElement(Grid, { item: true, xs: 5 }, v),
                 React.createElement(Grid, { item: true, xs: 2 },

package/lib/components/pages/Templates/Template/index.d.ts

@@ -32,7 +32,6 @@ export type templateStruct = {
 export type typeOption = 'email' | 'sms';
 export type TemplateProps = {
     locales: Record<string, string>;
-    mobile: boolean;
     onChange: (template: templateStruct) => void;
     onError: (error: responseErrorStruct) => void;
     onContent: (type: string) => void;
@@ -52,13 +51,12 @@ export type TemplateProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function Template(props: TemplateProps): React.JSX.Element;
+declare function Template({ locales, onChange, onError, onContent, rights, value }: TemplateProps): React.JSX.Element;
 declare namespace Template {
     var propTypes: {
         locales: PropTypes.Validator<{
             [x: string]: string | null | undefined;
         }>;
-        mobile: PropTypes.Validator<boolean>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         onError: PropTypes.Validator<(...args: any[]) => any>;
         onContent: PropTypes.Validator<(...args: any[]) => any>;

package/lib/components/pages/Templates/Template/index.js

@@ -7,12 +7,11 @@
  * @created 2023-01-20
  */
 // Ouroboros modules
-import clone from '@ouroboros/clone';
 import { Node } from '@ouroboros/define';
 import { DefineNode } from '@ouroboros/define-mui';
 import mouth, { errors } from '@ouroboros/mouth';
-import TemplateDef from '@ouroboros/mouth/definitions/template.json';
-import { afindi, omap, ucfirst } from '@ouroboros/tools';
+import TemplateDef from '@ouroboros/mouth/define/template.json';
+import { arrayFindMerge, omap, ucfirst } from '@ouroboros/tools';
 // NPM modules
 import PropTypes from 'prop-types';
 import React, { useRef, useState } from 'react';
@@ -43,7 +42,7 @@ const oNameNode = new Node(TemplateDef.name);
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-export default function Template(props) {
+export default function Template({ locales, onChange, onError, onContent, rights, value }) {
     // State
     const [contents, contentsSet] = useState(false);
     const [tab, tabSet] = useState(0);
@@ -52,39 +51,23 @@ export default function Template(props) {
     // Refs
     const refName = useRef(null);
     // Called when the update record changes
-    function change(field, value) {
+    function change(field, val) {
         // Set the new record
-        editSet(o => {
-            const oRecord = clone(o);
-            oRecord[field] = value;
-            return oRecord;
-        });
+        editSet(o => { return { ...o, [field]: val }; });
     }
     // Called when a single conent record is created
     function contentCreated(content) {
         // Notify the parent
-        props.onContent('create');
-        // Clone the current contents
-        const lContents = clone(contents);
-        // Add the new record to the end of the array
-        lContents.push(content);
-        // Set the new contents
-        contentsSet(lContents);
+        onContent('create');
+        // Add it to the end
+        contentsSet(l => [...l, content]);
     }
     // Called when a single content record is updated
     function contentUpdated(content) {
         // Notify the parent
-        props.onContent('update');
-        // Find the index of the record
-        const i = afindi(contents, '_id', content._id);
-        // If we got an index
-        if (i > -1) {
-            // Clone the current contents, merge the current record with the
-            //	new one, and set the new contents
-            const lContents = clone(contents);
-            lContents[i] = { ...lContents[i], ...content };
-            contentsSet(lContents);
-        }
+        onContent('update');
+        // Work on latest
+        contentsSet(l => arrayFindMerge(l, '_id', content._id, content, true));
     }
     // Called to delete the template
     function remove() {
@@ -97,7 +80,7 @@ export default function Template(props) {
             // Hide the form
             editSet(false);
             // Let the parent know
-            props.onChange(edit);
+            onChange(edit);
         }, (error) => {
             if (error.code === errors.body.DB_DUPLICATE) {
                 refName.current?.error('Duplicate');
@@ -115,7 +98,7 @@ export default function Template(props) {
         else {
             if (contents === false) {
                 mouth.read('template/contents', {
-                    template: props.value._id
+                    template: value._id
                 }).then(contentsSet);
             }
             viewSet(true);
@@ -126,15 +109,15 @@ export default function Template(props) {
         React.createElement(Box, { className: "flexColumns" },
             React.createElement(Box, { className: "flexGrow link", onClick: viewToggle },
                 React.createElement("h2", null,
-                    ucfirst(props.value.name.replace(/_/g, ' ')),
+                    ucfirst(value.name.replace(/_/g, ' ')),
                     "\u00A0\u00A0",
                     React.createElement("i", { className: 'fa-solid fa-angle-' + (view ? 'up' : 'down') }))),
             React.createElement(Box, { className: "flexStatic" },
-                props.rights.template.update &&
+                rights.template.update &&
                     React.createElement(Tooltip, { title: "Edit the Template" },
-                        React.createElement(IconButton, { className: "icon", onClick: ev => editSet(edit ? false : clone(props.value)) },
+                        React.createElement(IconButton, { className: "icon", onClick: ev => editSet(edit ? false : { ...value }) },
                             React.createElement("i", { className: 'fa-solid fa-edit ' + (edit ? 'open' : 'closed') }))),
-                props.rights.template.delete &&
+                rights.template.delete &&
                     React.createElement(Tooltip, { title: "Delete the Template" },
                         React.createElement(IconButton, { className: "icon", onClick: remove },
                             React.createElement("i", { className: "fa-solid fa-trash-alt" }))))),
@@ -146,11 +129,11 @@ export default function Template(props) {
                     React.createElement(Grid, { item: true, lg: 6, md: 12, className: "field" },
                         React.createElement(Typography, null,
                             React.createElement("strong", null, "Name")),
-                        React.createElement(DefineNode, { label: "none", name: "name", node: oNameNode, onChange: value => change('name', value), onEnterPressed: update, ref: refName, type: "update", value: edit.name })),
+                        React.createElement(DefineNode, { label: "none", name: "name", node: oNameNode, onChange: val => change('name', val), onEnterPressed: update, ref: refName, type: "update", value: edit.name })),
                     React.createElement(Grid, { item: true, lg: 6, md: 12 },
                         React.createElement(Typography, null,
                             React.createElement("strong", null, "Variables")),
-                        React.createElement(Variables, { onChange: value => change('variables', value), value: edit.variables || {} })),
+                        React.createElement(Variables, { onChange: val => change('variables', val), value: edit.variables || {} })),
                     React.createElement(Grid, { item: true, xs: 12, className: "actions" },
                         React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => editSet(false) }, "Cancel"),
                         React.createElement(Button, { variant: "contained", color: "primary", onClick: update }, "Save")))),
@@ -160,26 +143,25 @@ export default function Template(props) {
                 React.createElement(Grid, { container: true, spacing: 1 },
                     React.createElement(Grid, { item: true, xs: 12, md: 9, xl: 10 },
                         React.createElement(Tabs, { onChange: (ev, val) => tabSet(val), scrollButtons: "auto", variant: "scrollable", value: tab },
-                            contents && contents.map(o => React.createElement(Tab, { key: o._id, label: props.locales[o.locale] + ' ' + o.type })),
-                            props.rights.content.create &&
+                            contents && contents.map(o => React.createElement(Tab, { key: o._id, label: locales[o.locale] + ' ' + o.type })),
+                            rights.content.create &&
                                 React.createElement(Tab, { label: React.createElement("i", { className: "fa-solid fa-plus" }) })),
                         React.createElement(Box, { className: "padding" },
                             React.createElement("br", null),
                             (contents && tab < contents.length &&
-                                (props.rights.content.update ?
-                                    React.createElement(ContentUpdate, { key: contents[tab]._id, mobile: props.mobile, onError: props.onError, onUpdated: contentUpdated, value: contents[tab] })
+                                (rights.content.update ?
+                                    React.createElement(ContentUpdate, { key: contents[tab]._id, onError: onError, onUpdated: contentUpdated, value: contents[tab] })
                                     :
-                                        React.createElement(ContentView, { key: contents[tab]._id, mobile: props.mobile, onError: props.onError, value: contents[tab] }))) ||
-                                ((props.rights.content.create && contents && tab === contents.length) &&
-                                    React.createElement(ContentCreate, { locales: props.locales, mobile: props.mobile, onCreated: contentCreated, onError: props.onError, template: props.value._id })))),
+                                        React.createElement(ContentView, { key: contents[tab]._id, onError: onError, value: contents[tab] }))) ||
+                                ((rights.content.create && contents && tab === contents.length) &&
+                                    React.createElement(ContentCreate, { locales: locales, onCreated: contentCreated, onError: onError, template: value._id })))),
                     React.createElement(Grid, { item: true, xs: 12, md: 3, xl: 2 },
                         React.createElement("h4", null, "Available Variables"),
-                        props.value && omap(props.value.variables, (v, k) => React.createElement(Typography, { key: k }, '{' + k + '}')))))));
+                        value && omap(value.variables, (v, k) => React.createElement(Typography, { key: k }, '{' + k + '}')))))));
 }
 // Valid props
 Template.propTypes = {
     locales: PropTypes.objectOf(PropTypes.string).isRequired,
-    mobile: PropTypes.bool.isRequired,
     onChange: PropTypes.func.isRequired,
     onError: PropTypes.func.isRequired,
     onContent: PropTypes.func.isRequired,

package/lib/components/pages/Templates/index.d.ts

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { responseErrorStruct } from '@ouroboros/body';
 export type TemplatesProps = {
-    mobile: boolean;
     onError: (error: responseErrorStruct) => void;
     onSuccess: (type: string) => void;
 };
@@ -24,10 +23,9 @@ export type TemplatesProps = {
  * @param Object props Properties passed to the component
  * @returns React.Component
  */
-declare function Templates(props: TemplatesProps): React.JSX.Element;
+declare function Templates({ onError, onSuccess }: TemplatesProps): React.JSX.Element;
 declare namespace Templates {
     var propTypes: {
-        mobile: PropTypes.Validator<boolean>;
         onError: PropTypes.Validator<(...args: any[]) => any>;
         onSuccess: PropTypes.Validator<(...args: any[]) => any>;
     };