serene-core-client 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+export * from './src/apollo/access';
+export * from './src/apollo/mailing-lists';
+export * from './src/apollo/quotas';
+export * from './src/apollo/techs';
+export * from './src/apollo/tips';
+export * from './src/apollo/user-preferences';
+export * from './src/apollo/users';
+export * from './src/components/account/profile';
+export * from './src/components/basics/copy-text-icon';
+export * from './src/components/basics/editable-string-list';
+export * from './src/components/basics/json-display';
+export * from './src/components/basics/mui-auto-focus';
+export * from './src/components/basics/text-area-field';
+export * from './src/components/basics/view-link-field';
+export * from './src/components/basics/view-markdown-field';
+export * from './src/components/basics/view-text-field';
+export * from './src/components/buttons/labeled-icon-button';
+export * from './src/components/mailing-lists/sign-up';
+export * from './src/components/notifications/action';
+export * from './src/components/tech/load-techs';
+export * from './src/components/tech/tech-autocomplete';
+export * from './src/components/tips/load-tips';
+export * from './src/components/tips/tip';
+export * from './src/services/access/service';
+export * from './src/services/locale/countries';
+export * from './src/services/rest-api/request';
+export * from './src/services/rest-api/service';
+export * from './src/services/users/profile-service';
+export * from './src/services/users/user-preferences-service';
+export * from './src/services/users/user-service';
+export * from './src/services/utils/date';
+export * from './src/services/utils/functions';
+export * from './src/services/utils/service';
+export * from './src/services/utils/string';
+export * from './src/services/utils/tree';
+export * from './src/types/types';

package/dist/index.js

@@ -0,0 +1,36 @@
+export * from './src/apollo/access';
+export * from './src/apollo/mailing-lists';
+export * from './src/apollo/quotas';
+export * from './src/apollo/techs';
+export * from './src/apollo/tips';
+export * from './src/apollo/user-preferences';
+export * from './src/apollo/users';
+export * from './src/components/account/profile';
+export * from './src/components/basics/copy-text-icon';
+export * from './src/components/basics/editable-string-list';
+export * from './src/components/basics/json-display';
+export * from './src/components/basics/mui-auto-focus';
+export * from './src/components/basics/text-area-field';
+export * from './src/components/basics/view-link-field';
+export * from './src/components/basics/view-markdown-field';
+export * from './src/components/basics/view-text-field';
+export * from './src/components/buttons/labeled-icon-button';
+export * from './src/components/mailing-lists/sign-up';
+export * from './src/components/notifications/action';
+export * from './src/components/tech/load-techs';
+export * from './src/components/tech/tech-autocomplete';
+export * from './src/components/tips/load-tips';
+export * from './src/components/tips/tip';
+export * from './src/services/access/service';
+export * from './src/services/locale/countries';
+export * from './src/services/rest-api/request';
+export * from './src/services/rest-api/service';
+export * from './src/services/users/profile-service';
+export * from './src/services/users/user-preferences-service';
+export * from './src/services/users/user-service';
+export * from './src/services/utils/date';
+export * from './src/services/utils/functions';
+export * from './src/services/utils/service';
+export * from './src/services/utils/string';
+export * from './src/services/utils/tree';
+export * from './src/types/types';

package/dist/src/apollo/access.d.ts

@@ -0,0 +1 @@
+export declare const isAdminUserQuery: import("graphql").DocumentNode;

package/dist/src/apollo/access.js

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client';
+export const isAdminUserQuery = gql `
+  query isAdminUser($userProfileId: String!) {
+    isAdminUser(userProfileId: $userProfileId) {
+      status
+      message
+    }
+  }
+`;

package/dist/src/apollo/mailing-lists.d.ts

@@ -0,0 +1,2 @@
+export declare const mailingListSignupMutation: import("graphql").DocumentNode;
+export declare const verifySignupMutation: import("graphql").DocumentNode;

package/dist/src/apollo/mailing-lists.js

@@ -0,0 +1,33 @@
+import { gql } from '@apollo/client';
+export const mailingListSignupMutation = gql `
+  mutation mailingListSignup(
+    $mailingListName: String!,
+    $email: String!,
+    $firstName: String)
+  {
+    mailingListSignup(
+      mailingListName: $mailingListName,
+      email: $email,
+      firstName: $firstName) {
+
+      verified
+      message
+    }
+  }
+`;
+export const verifySignupMutation = gql `
+  mutation verifySignup(
+             $mailingListName: String!,
+             $email: String!,
+             $verifyCode: String)
+  {
+    verifySignup(
+      mailingListName: $mailingListName,
+      email: $email,
+      verifyCode: $verifyCode) {
+
+      verified
+      message
+    }
+  }
+`;

package/dist/src/apollo/quotas.d.ts

@@ -0,0 +1 @@
+export declare const getResourceQuotaUsageQuery: import("graphql").DocumentNode;

package/dist/src/apollo/quotas.js

@@ -0,0 +1,21 @@
+import { gql } from '@apollo/client';
+export const getResourceQuotaUsageQuery = gql `
+  query getResourceQuotaUsage(
+          $userProfileId: String!,
+          $resource: String!,
+          $day: String,
+          $viewUserProfileId: String) {
+    getResourceQuotaUsage(
+      userProfileId: $userProfileId,
+      resource: $resource,
+      day: $day,
+      viewUserProfileId: $viewUserProfileId) {
+
+      userProfileId
+      resource
+      day
+      quota
+      usage
+    }
+  }
+`;

package/dist/src/apollo/techs.d.ts

@@ -0,0 +1 @@
+export declare const getTechsQuery: import("graphql").DocumentNode;

package/dist/src/apollo/techs.js

@@ -0,0 +1,15 @@
+import { gql } from '@apollo/client';
+export const getTechsQuery = gql `
+  query getTechs(
+          $userProfileId: String!,
+          $resource: String!) {
+    getTechs(
+      userProfileId: $userProfileId,
+      resource: $resource) {
+
+      id
+      resource
+      variantName
+    }
+  }
+`;

package/dist/src/apollo/tips.d.ts

@@ -0,0 +1,3 @@
+export declare const getTipsByUserProfileIdAndTagsQuery: import("graphql").DocumentNode;
+export declare const tipGotItExistsQuery: import("graphql").DocumentNode;
+export declare const upsertTipGotItMutation: import("graphql").DocumentNode;

package/dist/src/apollo/tips.js

@@ -0,0 +1,45 @@
+import { gql } from '@apollo/client';
+export const getTipsByUserProfileIdAndTagsQuery = gql `
+  query getTipsByUserProfileIdAndTags(
+          $userProfileId: String!,
+          $tags: [String]) {
+    getTipsByUserProfileIdAndTags(
+      userProfileId: $userProfileId,
+      tags: $tags) {
+
+      status
+      message
+      tips {
+        id
+        name
+      }
+    }
+  }
+`;
+export const tipGotItExistsQuery = gql `
+  query tipGotItExists(
+          $name: String!,
+          $userProfileId: String!) {
+    tipGotItExists(
+      name: $name,
+      userProfileId: $userProfileId) {
+
+      status
+      message
+      exists
+    }
+  }
+`;
+export const upsertTipGotItMutation = gql `
+  mutation upsertTipGotIt(
+             $name: String!,
+             $userProfileId: String!) {
+    upsertTipGotIt(
+      name: $name,
+      userProfileId: $userProfileId) {
+
+      status
+      message
+    }
+  }
+`;

package/dist/src/apollo/user-preferences.d.ts

@@ -0,0 +1,2 @@
+export declare const getUserPreferencesQuery: import("graphql").DocumentNode;
+export declare const upsertUserPreferenceMutation: import("graphql").DocumentNode;

package/dist/src/apollo/user-preferences.js

@@ -0,0 +1,32 @@
+import { gql } from '@apollo/client';
+export const getUserPreferencesQuery = gql `
+  query getUserPreferences(
+          $userProfileId: String!,
+          $category: String!,
+          $keys: [String]) {
+    getUserPreferences(
+      userProfileId: $userProfileId,
+      category: $category,
+      keys: $keys) {
+      category
+      key
+      value
+      values
+    }
+  }
+`;
+export const upsertUserPreferenceMutation = gql `
+  mutation upsertUserPreference(
+             $userProfileId: String!,
+             $category: String!,
+             $key: String!,
+             $value: String,
+             $values: [String]) {
+    upsertUserPreference(
+      userProfileId: $userProfileId,
+      category: $category,
+      key: $key,
+      value: $value,
+      values: $values)
+  }
+`;

package/dist/src/apollo/users.d.ts

@@ -0,0 +1,6 @@
+export declare const createBlankUserMutation: import("graphql").DocumentNode;
+export declare const createUserByEmailMutation: import("graphql").DocumentNode;
+export declare const getOrCreateSignedOutUserMutation: import("graphql").DocumentNode;
+export declare const getOrCreateUserByEmailMutation: import("graphql").DocumentNode;
+export declare const updateIFileCreatedByMutation: import("graphql").DocumentNode;
+export declare const verifySignedInUserProfileIdQuery: import("graphql").DocumentNode;

package/dist/src/apollo/users.js

@@ -0,0 +1,60 @@
+import { gql } from '@apollo/client';
+export const createBlankUserMutation = gql `
+  mutation createBlankUser {
+    createBlankUser {
+
+      id
+      userId
+      isAdmin
+    }
+  }
+`;
+export const createUserByEmailMutation = gql `
+  mutation createUserByEmail($email: String!) {
+    createUserByEmail(email: $email)
+  }
+`;
+export const getOrCreateSignedOutUserMutation = gql `
+  mutation getOrCreateSignedOutUser(
+             $signedOutId: String,
+             $defaultUserPreferences: String) {
+    getOrCreateSignedOutUser(
+      signedOutId: $signedOutId,
+      defaultUserPreferences: $defaultUserPreferences) {
+
+    id
+    userId
+    isAdmin
+  }
+}
+`;
+export const getOrCreateUserByEmailMutation = gql `
+  mutation getOrCreateUserByEmail(
+             $email: String!,
+             $defaultUserPreferences: String) {
+    getOrCreateUserByEmail(
+      email: $email,
+      defaultUserPreferences: $defaultUserPreferences) {
+
+      id
+      userId
+      isAdmin
+    }
+  }
+`;
+export const updateIFileCreatedByMutation = gql `
+  mutation updateIFileCreatedBy(
+             $id: String!,
+             $userId: String!,
+             $signedOutUserId: String!) {
+    updateIFileCreatedBy(
+      id: $id,
+      userId: $userId,
+      signedOutUserId: $signedOutUserId)
+  }
+`;
+export const verifySignedInUserProfileIdQuery = gql `
+  query verifySignedInUserProfileId($userProfileId: String!) {
+    verifySignedInUserProfileId(userProfileId: $userProfileId)
+  }
+`;

package/dist/src/components/account/profile.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    userProfile: any;
+    clientUrl: string;
+    serverUrl: string;
+    session: any;
+}
+export default function Profile({ userProfile, clientUrl, serverUrl, session }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/account/profile.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { signIn, signOut } from 'next-auth/react';
+import { useQuery } from '@apollo/client/react';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
+import Select from '@mui/material/Select';
+import { useEffect, useState } from 'react';
+import ActionNotification from '../notifications/action';
+import { RestApiService } from '../../services/rest-api/service';
+import { FormControl, InputLabel, Typography } from '@mui/material';
+import { countries } from '../../services/locale/countries';
+import { getUserPreferencesQuery } from '../../apollo/user-preferences';
+import { ProfileService } from '../../services/users/profile-service';
+export default function Profile({ userProfile, clientUrl, serverUrl, session }) {
+    // Consts
+    const personalDetails = 'personal details';
+    // State
+    const [fullName, setFullName] = useState('');
+    const [firstName, setFirstName] = useState('');
+    const [country, setCountry] = useState('United States');
+    const [notificationSuccessText, setNotificationSuccessText] = useState('');
+    const [notificationSuccessOpened, setNotificationSuccessOpened] = useState(false);
+    const [notificationErrorText, setNotificationErrorText] = useState('');
+    const [notificationErrorOpened, setNotificationErrorOpened] = useState(false);
+    // Services
+    const profileService = new ProfileService();
+    // GraphQL
+    const { refetch: fetchGetUserPreferencesQuery } = useQuery(getUserPreferencesQuery, {
+        fetchPolicy: 'no-cache'
+        /* onCompleted: data => {
+          console.log('attributeTypeName: ' + attributeTypeName)
+          console.log(data)
+        },
+        onError: error => {
+          console.log(error)
+        } */
+    });
+    // Functions
+    function guessFirstNameFromFullName() {
+        // Get first instance of a space
+        let firstSpace = fullName.indexOf(' ');
+        // The space can't be either not found or the first char, return if so.
+        if (firstSpace <= 0) {
+            return;
+        }
+        setFirstName(fullName.substring(0, firstSpace));
+    }
+    const handleSignin = (e) => {
+        e.preventDefault();
+        signIn();
+    };
+    const handleSignout = (e) => {
+        e.preventDefault();
+        signOut();
+    };
+    async function setProfile() {
+        const restApiService = new RestApiService(clientUrl, serverUrl);
+        restApiService.submit({
+            relativeUrl: '/api/account/profile/update',
+            headers: undefined,
+            method: undefined,
+            values: {
+                // token: token,
+                userProfileId: userProfile.id,
+                fullName: fullName,
+                firstName: firstName,
+                country: country,
+            },
+            callbackOnSuccess: undefined,
+            routeOnSuccess: undefined,
+            setSubmitDisabled: undefined,
+            setNotificationSuccessText: setNotificationSuccessText,
+            setNotificationSuccessOpened: setNotificationSuccessOpened,
+            setNotificationErrorText: setNotificationErrorText,
+            setNotificationErrorOpened: setNotificationErrorOpened
+        });
+    }
+    // Events
+    // Get profile data on load
+    useEffect(() => {
+        const fetchData = async () => {
+            // Get profile data
+            // console.log(`fetching getUserPreferencesQuery for userProfileId: ${user.id}`)
+            const results = await fetchGetUserPreferencesQuery({
+                userProfileId: userProfile.id,
+                category: personalDetails,
+                keys: [
+                    profileService.fullName,
+                    profileService.firstName,
+                    profileService.countryCode,
+                ]
+            });
+            // Set profile data
+            const keyValues = results.data['getUserPreferences'];
+            for (const keyValue of keyValues) {
+                switch (keyValue.key) {
+                    case profileService.fullName: {
+                        setFullName(keyValue.value);
+                        break;
+                    }
+                    case profileService.firstName: {
+                        setFirstName(keyValue.value);
+                        break;
+                    }
+                    case profileService.countryCode: {
+                        setCountry(profileService.getCountryByCode(keyValue.value));
+                        break;
+                    }
+                }
+            }
+        };
+        if (userProfile.id !== null) {
+            const result = fetchData()
+                .catch(console.error);
+        }
+    }, [userProfile.id]);
+    // Render
+    return (_jsx(_Fragment, { children: session ?
+            _jsxs(_Fragment, { children: [_jsxs("p", { children: ["You're signed in: \u00A0", _jsx("span", { style: { color: 'gray', fontWeight: '600' }, children: session.user.email }), _jsxs("span", { style: { marginLeft: '1em' }, children: ["(", _jsx("a", { href: '#', onClick: handleSignout, className: 'btn-signin', children: "Sign out" }), ")"] })] }), _jsxs("form", { onSubmit: (e) => { setProfile(); e.preventDefault(); }, style: { marginTop: '2em' }, children: [_jsx(Typography, { style: { marginBottom: '1em' }, variant: 'h6', children: "Personal details" }), _jsx(Typography, { style: { marginBottom: '1em' }, variant: 'body1', children: "These fields are required and are used to personalize your experience." }), _jsx(TextField, { autoFocus: true, fullWidth: true, variant: 'outlined', label: 'Full name', value: fullName, onChange: (e) => setFullName(e.target.value), onBlur: (e) => {
+                                    if (fullName == null) {
+                                        return;
+                                    }
+                                    else if (fullName.trim() === '') {
+                                        return;
+                                    }
+                                    if (firstName == null) {
+                                        guessFirstNameFromFullName();
+                                    }
+                                    else if (firstName.trim() === '') {
+                                        guessFirstNameFromFullName();
+                                    }
+                                }, required: true }), _jsx("br", {}), _jsx("br", {}), _jsx(TextField, { fullWidth: true, variant: 'outlined', label: 'First name', value: firstName, onChange: (e) => setFirstName(e.target.value), required: true }), _jsx("br", {}), _jsx("br", {}), _jsxs(FormControl, { fullWidth: true, children: [_jsx(InputLabel, { htmlFor: 'select-country', required: true, shrink: true, children: "Country" }), _jsx(Select, { inputProps: {
+                                            id: 'select-country',
+                                        }, label: 'Country', native: true, onChange: (e) => setCountry(e.target.value), variant: 'outlined', value: country, children: countries.map((country) => (_jsx("option", { value: country.name, children: country.name }, country.name))) })] }), _jsx("br", {}), _jsx("br", {}), _jsx(Button, { type: 'submit', variant: 'contained', style: { marginTop: '2em' }, children: "Update" })] }), _jsx(ActionNotification, { message: 'Updated.', autoHideDuration: 5000, notificationOpened: notificationSuccessOpened, setNotificationOpened: setNotificationSuccessOpened }), _jsx(ActionNotification, { message: notificationErrorText, autoHideDuration: 5000, notificationOpened: notificationErrorOpened, setNotificationOpened: setNotificationErrorOpened })] })
+            :
+                _jsxs(_Fragment, { children: [_jsx(Typography, { variant: 'body1', children: "You aren't signed in." }), _jsx("a", { href: '#', onClick: handleSignin, className: 'btn-signin', children: "Sign in" })] }) }));
+}

package/dist/src/components/basics/copy-text-icon.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    text: string;
+    title?: string;
+    style?: any;
+}
+export default function CopyTextIcon({ text, title, style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/basics/copy-text-icon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { IconButton, Tooltip } from '@mui/material';
+export default function CopyTextIcon({ text, title = 'Copy', style = {} }) {
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(text);
+        }
+        catch (err) {
+            console.error('Failed to copy: ', err);
+        }
+    };
+    // Render
+    return (_jsx(Tooltip, { style: style, title: title, children: _jsx(IconButton, { onClick: (e) => handleCopy(), size: 'small', children: _jsx(ContentCopyIcon, { fontSize: 'small' }) }) }));
+}

package/dist/src/components/basics/editable-string-list.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    label: string;
+    values: string[];
+    setValues?: any;
+    onChange?: any;
+}
+export default function EditableStringList({ label, values, setValues, onChange }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/basics/editable-string-list.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { TextField, List, ListItem, ListItemText, IconButton, Stack } from '@mui/material';
+import { Add, Check, Delete, Edit } from '@mui/icons-material';
+export default function EditableStringList({ label, values, setValues, onChange }) {
+    const [input, setInput] = useState('');
+    const [editIndex, setEditIndex] = useState(null);
+    const updateItems = (newItems) => {
+        setValues?.(newItems);
+        onChange?.(newItems);
+    };
+    const handleAddOrUpdate = () => {
+        if (input.trim() === '')
+            return;
+        if (editIndex !== null) {
+            const updated = [...values];
+            updated[editIndex] = input.trim();
+            updateItems(updated.sort());
+            setEditIndex(null);
+        }
+        else {
+            updateItems([...values, input.trim()].sort());
+        }
+        setInput('');
+    };
+    const handleEdit = (index) => {
+        setInput(values[index]);
+        setEditIndex(index);
+    };
+    const handleDelete = (index) => {
+        setValues(values.filter((_, i) => i !== index));
+        if (editIndex === index) {
+            setInput('');
+            setEditIndex(null);
+        }
+    };
+    return (_jsxs(Stack, { spacing: 2, children: [_jsxs(Stack, { direction: 'row', spacing: 1, children: [_jsx(TextField, { autoComplete: 'off', label: label, value: input, onChange: (e) => setInput(e.target.value), fullWidth: true }), _jsx(IconButton, { edge: 'end', onClick: () => handleAddOrUpdate(), children: editIndex !== null ?
+                            _jsx(Check, {})
+                            :
+                                _jsx(Add, {}) })] }), _jsx(List, { children: values.map((item, index) => (_jsx(ListItem, { secondaryAction: _jsxs(_Fragment, { children: [_jsx(IconButton, { edge: 'end', onClick: () => handleEdit(index), children: _jsx(Edit, {}) }), _jsx(IconButton, { edge: 'end', onClick: () => handleDelete(index), children: _jsx(Delete, {}) })] }), children: _jsx(ListItemText, { primary: item }) }, index))) })] }));
+}

package/dist/src/components/basics/json-display.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    str: string;
+    format?: boolean;
+    minified?: boolean;
+}
+export declare function JsonDisplay({ str, format, minified }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/basics/json-display.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, IconButton } from '@mui/material';
+import AddIcon from '@mui/icons-material/Add';
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneLight } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+export function JsonDisplay({ str, format = false, minified = false }) {
+    const [isMinified, setIsMinified] = useState(minified);
+    return (_jsxs(Box, { sx: { position: 'relative' }, children: [_jsx(Box, { component: 'pre', sx: {
+                    fontFamily: 'monospace',
+                    fontSize: '0.875rem',
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                    position: 'relative',
+                    maxHeight: isMinified ? '5rem' : 'none',
+                    overflow: 'hidden',
+                    '&::after': isMinified ? {
+                        content: '""',
+                        position: 'absolute',
+                        bottom: 0,
+                        left: 0,
+                        right: 0,
+                        height: '2rem',
+                        background: 'linear-gradient(to bottom, transparent, white)',
+                        pointerEvents: 'none'
+                    } : {}
+                }, children: _jsx(SyntaxHighlighter, { style: oneLight, language: 'js', wrapLongLines: true, children: format === true ? JSON.stringify(JSON.parse(str), null, 2) : str }) }), isMinified && (_jsx(IconButton, { onClick: () => setIsMinified(false), sx: {
+                    position: 'absolute',
+                    bottom: 4,
+                    right: 4,
+                    backgroundColor: 'white',
+                    boxShadow: 1,
+                    '&:hover': {
+                        backgroundColor: 'grey.100'
+                    }
+                }, size: 'small', children: _jsx(AddIcon, { fontSize: 'small' }) }))] }));
+}

package/dist/src/components/basics/mui-auto-focus.d.ts

@@ -0,0 +1,2 @@
+import { InputProps as StandardInputProps } from '@mui/material/Input';
+export declare const autoFocusInputProps: () => StandardInputProps;

package/dist/src/components/basics/mui-auto-focus.js

@@ -0,0 +1,16 @@
+export const autoFocusInputProps = () => {
+    return {
+        inputRef: (input) => {
+            if (input) {
+                input.focus();
+            }
+        },
+    };
+};
+/* Example usage:
+
+   <TextField
+     ...
+     InputProps={autoFocusInputProps()} />
+
+*/

package/dist/src/components/basics/text-area-field.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    disabled?: boolean;
+    id: string;
+    label: string;
+    minRows: number;
+    onChange: any;
+    required?: boolean;
+    value: string;
+    style?: any;
+}
+export default function TextAreaField({ disabled, id, label, minRows, onChange, required, value, style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};