@evoke-platform/ui-components 1.0.0-dev.1.10.6

package/dist/published/components/core/Stepper/index.d.ts

@@ -0,0 +1,8 @@
+import Step from './Step';
+import Stepper from './Stepper';
+import StepIcon from './StepIcon';
+import StepLabel from './StepLabel';
+import StepButton from './StepButton';
+import StepContent from './StepContent';
+import StepConnector from './StepConnector';
+export { Stepper, Step, StepLabel, StepContent, StepIcon, StepButton, StepConnector };

package/dist/published/components/core/Stepper/index.js

@@ -0,0 +1,8 @@
+import Step from './Step';
+import Stepper from './Stepper';
+import StepIcon from './StepIcon';
+import StepLabel from './StepLabel';
+import StepButton from './StepButton';
+import StepContent from './StepContent';
+import StepConnector from './StepConnector';
+export { Stepper, Step, StepLabel, StepContent, StepIcon, StepButton, StepConnector };

package/dist/published/components/core/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SwitchProps } from '@mui/material';
+declare const Switch: (props: SwitchProps) => JSX.Element;
+export default Switch;

package/dist/published/components/core/Switch/Switch.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Switch as MUISwitch } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const Switch = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUISwitch, Object.assign({}, props))));
+};
+export default Switch;

package/dist/published/components/core/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import Switch from './Switch';
+export default Switch;
+export { Switch };

package/dist/published/components/core/Switch/index.js

@@ -0,0 +1,3 @@
+import Switch from './Switch';
+export default Switch;
+export { Switch };

package/dist/published/components/core/Table/Table.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableProps } from '@mui/material';
+declare const Table: (props: TableProps) => JSX.Element;
+export default Table;

package/dist/published/components/core/Table/Table.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Table as MUITable } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const Table = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUITable, Object.assign({}, props))));
+};
+export default Table;

package/dist/published/components/core/Table/index.d.ts

@@ -0,0 +1,3 @@
+import Table from './Table';
+export default Table;
+export { Table };

package/dist/published/components/core/Table/index.js

@@ -0,0 +1,3 @@
+import Table from './Table';
+export default Table;
+export { Table };

package/dist/published/components/core/Tabs/Tab/Tab.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TabProps } from '@mui/material';
+declare const Tab: (props: TabProps) => JSX.Element;
+export default Tab;

package/dist/published/components/core/Tabs/Tab/Tab.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Tab as MUITab } from '@mui/material';
+import UIThemeProvider from '../../../../theme';
+const Tab = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUITab, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
+};
+export default Tab;

package/dist/published/components/core/Tabs/Tab/index.d.ts

@@ -0,0 +1,2 @@
+import Tab from './Tab';
+export default Tab;

package/dist/published/components/core/Tabs/Tab/index.js

@@ -0,0 +1,2 @@
+import Tab from './Tab';
+export default Tab;

package/dist/published/components/core/Tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TabsProps } from '@mui/material';
+declare const Tabs: (props: TabsProps) => JSX.Element;
+export default Tabs;

package/dist/published/components/core/Tabs/Tabs.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Tabs as MUITabs } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const Tabs = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUITabs, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
+};
+export default Tabs;

package/dist/published/components/core/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs from './Tabs';
+import Tab from './Tab';
+export { Tabs, Tab };

package/dist/published/components/core/Tabs/index.js

@@ -0,0 +1,3 @@
+import Tabs from './Tabs';
+import Tab from './Tab';
+export { Tabs, Tab };

package/dist/published/components/core/TextField/TextField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TextFieldProps } from '@mui/material';
+declare type CustomTextFieldProps = TextFieldProps & {
+    labelPlacement?: string;
+    readOnly?: boolean;
+    instructionText?: string;
+    errorMessage?: string;
+};
+declare const TextField: (props: CustomTextFieldProps) => JSX.Element;
+export default TextField;

package/dist/published/components/core/TextField/TextField.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { TextField as MUITextField, InputLabel } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+import FieldError from '../FieldError';
+import Typography from '../Typography';
+const TextField = (props) => {
+    var _a;
+    const { variant, label, labelPlacement, readOnly, required, error, instructionText, errorMessage } = props;
+    const readOnlyStyles = {
+        '.MuiOutlinedInput-root': {
+            paddingRight: '5px',
+            background: '#F4F6F8',
+            border: 'none',
+            borderColor: 'transparent',
+        },
+        '&:hover .MuiOutlinedInput-notchedOutline': {
+            border: 'none',
+        },
+        '& fieldset': { borderColor: 'transparent', borderRadius: '8px' },
+    };
+    return (React.createElement(UIThemeProvider, null, variant === 'outlined' && !!label && labelPlacement === 'outside-top' ? (React.createElement(React.Fragment, null,
+        React.createElement(InputLabel, { "data-testid": "label-outside", htmlFor: (_a = label === null || label === void 0 ? void 0 : label.toString()) !== null && _a !== void 0 ? _a : '', sx: { paddingBottom: instructionText ? '0px' : '3px', fontSize: '14px' } }, label !== null && label !== void 0 ? label : '',
+            " ",
+            props.required ? React.createElement("span", { style: { color: 'red' } }, "*") : null),
+        instructionText &&
+            React.createElement(Typography, { variant: 'caption' }, instructionText),
+        React.createElement(MUITextField, Object.assign({}, props, { label: null, inputProps: { readOnly: readOnly, 'aria-readonly': !!readOnly }, sx: readOnly
+                ? readOnlyStyles
+                : Object.assign({ '& fieldset': { borderRadius: '8px' } }, props.sx) })),
+        error && (required || errorMessage) &&
+            React.createElement(FieldError, { required: required, label: errorMessage }))) : (React.createElement(React.Fragment, null,
+        React.createElement(MUITextField, Object.assign({ "data-testid": "label-inside", inputProps: { readOnly: readOnly, 'aria-readonly': !!readOnly } }, props, { sx: readOnly ? readOnlyStyles : Object.assign({ '& fieldset': { borderRadius: '8px' } }, props.sx) })),
+        error && (required || errorMessage) &&
+            React.createElement(FieldError, { required: required, label: errorMessage })))));
+};
+export default TextField;

package/dist/published/components/core/TextField/TextField.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/published/components/core/TextField/TextField.test.js

@@ -0,0 +1,20 @@
+import '@testing-library/jest-dom/extend-expect';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import TextField from './index';
+test('render TextField and check for data-testid === label-outside when labelPlacement === outside-top && variant === outlined', () => {
+    render(React.createElement(TextField, { labelPlacement: "outside-top", variant: "outlined", label: "Title" }));
+    const label = screen.getByTestId('label-outside');
+    expect(label).toBeInTheDocument();
+});
+test('render TextField and check for data-testid === label-inside when labelPlacement === outside-top && variant !== outlined using data-testid', () => {
+    render(React.createElement(TextField, { labelPlacement: "outside-top", label: "Title2" }));
+    const label = screen.getByTestId('label-inside');
+    expect(label).toBeInTheDocument();
+});
+test('render TextField and check for data-testid === label-inside when labelPlacement === undefined', () => {
+    render(React.createElement(TextField, { label: "Title3" }));
+    const label = screen.getByTestId('label-inside');
+    expect(label).toBeInTheDocument();
+});
+// TODO Add a test case to check if the label is not present outside the TextField when the labelPlacement is undefined or not equal to outside-top

package/dist/published/components/core/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import TextField from './TextField';
+export default TextField;
+export { TextField };

package/dist/published/components/core/TextField/index.js

@@ -0,0 +1,3 @@
+import TextField from './TextField';
+export default TextField;
+export { TextField };

package/dist/published/components/core/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleButtonProps } from '@mui/material';
+declare const ToggleButton: (props: ToggleButtonProps) => JSX.Element;
+export default ToggleButton;

package/dist/published/components/core/ToggleButton/ToggleButton.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ToggleButton as MUIToggleButton } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const ToggleButton = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUIToggleButton, Object.assign({}, props))));
+};
+export default ToggleButton;

package/dist/published/components/core/ToggleButton/index.d.ts

@@ -0,0 +1,3 @@
+import ToggleButton from './ToggleButton';
+export default ToggleButton;
+export { ToggleButton };

package/dist/published/components/core/ToggleButton/index.js

@@ -0,0 +1,3 @@
+import ToggleButton from './ToggleButton';
+export default ToggleButton;
+export { ToggleButton };

package/dist/published/components/core/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleButtonGroupProps } from '@mui/material';
+declare const ToggleButtonGroup: (props: ToggleButtonGroupProps) => JSX.Element;
+export default ToggleButtonGroup;

package/dist/published/components/core/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ToggleButtonGroup as MUIToggleButtonGroup } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const ToggleButtonGroup = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUIToggleButtonGroup, Object.assign({}, props))));
+};
+export default ToggleButtonGroup;

package/dist/published/components/core/ToggleButtonGroup/index.d.ts

@@ -0,0 +1,3 @@
+import ToggleButtonGroup from './ToggleButtonGroup';
+export default ToggleButtonGroup;
+export { ToggleButtonGroup };

package/dist/published/components/core/ToggleButtonGroup/index.js

@@ -0,0 +1,3 @@
+import ToggleButtonGroup from './ToggleButtonGroup';
+export default ToggleButtonGroup;
+export { ToggleButtonGroup };

package/dist/published/components/core/Tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TooltipProps } from '@mui/material';
+declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;

package/dist/published/components/core/Tooltip/Tooltip.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Tooltip as MUITooltip } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const Tooltip = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUITooltip, Object.assign({}, props))));
+};
+export default Tooltip;

package/dist/published/components/core/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import Tooltip from './Tooltip';
+export default Tooltip;
+export { Tooltip };

package/dist/published/components/core/Tooltip/index.js

@@ -0,0 +1,3 @@
+import Tooltip from './Tooltip';
+export default Tooltip;
+export { Tooltip };

package/dist/published/components/core/Typography/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Typography: (props: any) => JSX.Element;
+export default Typography;
+export { Typography };

package/dist/published/components/core/Typography/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Typography as MUITypography } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+const Typography = (props) => {
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(MUITypography, Object.assign({}, props))));
+};
+export default Typography;
+export { Typography };

package/dist/published/components/core/index.d.ts

@@ -0,0 +1,45 @@
+export { Accordion, AccordionDetails, AccordionActions, AccordionSummary } from './Accordion';
+export { AppBar } from './AppBar';
+export { Alert } from './Alert';
+export { Autocomplete, AutocompleteOption } from './Autocomplete';
+export { Avatar } from './Avatar';
+export { Backdrop } from './Backdrop';
+export { Badge } from './Badge';
+export { Button } from './Button';
+export { Checkbox } from './Checkbox';
+export { Chip } from './Chip';
+export { CircularProgress } from './CircularProgress';
+export * from './DatePicker';
+export { Dialog, DialogTitle, DialogActions, DialogContent, DialogContentText } from './Dialog';
+export { Divider } from './Divider';
+export { Drawer } from './Drawer';
+export { LinearProgress } from './LinearProgress';
+export { Link } from './Link';
+export * from './LocalizationProvider';
+export { Menu, MenuItem } from './Menu';
+export { Skeleton } from './Skeleton';
+export { Snackbar } from './Snackbar';
+export * from './StaticDatePicker';
+export { Switch } from './Switch';
+export { TextField } from './TextField';
+export { Typography } from './Typography';
+export { Paper } from './Paper';
+export { List } from './List';
+export { Card } from './Card';
+export { Collapse } from './Collapse';
+export { IconButton } from './IconButton';
+export { Table } from './Table';
+export { ButtonGroup } from './ButtonGroup';
+export { Breadcrumbs } from './Breadcrumbs';
+export { ToggleButton } from './ToggleButton';
+export { ToggleButtonGroup } from './ToggleButtonGroup';
+export { Tabs, Tab } from './Tabs';
+export { Tooltip } from './Tooltip';
+export { FormControl, FormGroup, FormLabel, FormControlLabel, FormHelperText } from './FormElements';
+export { Radio, RadioGroup } from './RadioGroup';
+export { FieldError } from './FieldError';
+export { Select } from './Select';
+export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnector } from './Stepper';
+export { Popover } from './Popover';
+export { TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItem, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, GridSize, } from '@mui/material';
+export { TabPanel, TreeItem, TreeView } from '@mui/lab';

package/dist/published/components/core/index.js

@@ -0,0 +1,46 @@
+export { Accordion, AccordionDetails, AccordionActions, AccordionSummary } from './Accordion';
+export { AppBar } from './AppBar';
+export { Alert } from './Alert';
+export { Autocomplete } from './Autocomplete';
+export { Avatar } from './Avatar';
+export { Backdrop } from './Backdrop';
+export { Badge } from './Badge';
+export { Button } from './Button';
+export { Checkbox } from './Checkbox';
+export { Chip } from './Chip';
+export { CircularProgress } from './CircularProgress';
+export * from './DatePicker';
+export { Dialog, DialogTitle, DialogActions, DialogContent, DialogContentText } from './Dialog';
+export { Divider } from './Divider';
+export { Drawer } from './Drawer';
+export { LinearProgress } from './LinearProgress';
+export { Link } from './Link';
+export * from './LocalizationProvider';
+export { Menu, MenuItem } from './Menu';
+export { Skeleton } from './Skeleton';
+export { Snackbar } from './Snackbar';
+export * from './StaticDatePicker';
+export { Switch } from './Switch';
+export { TextField } from './TextField';
+export { Typography } from './Typography';
+export { Paper } from './Paper';
+export { List } from './List';
+export { Card } from './Card';
+export { Collapse } from './Collapse';
+export { IconButton } from './IconButton';
+export { Table } from './Table';
+export { ButtonGroup } from './ButtonGroup';
+export { Breadcrumbs } from './Breadcrumbs';
+export { ToggleButton } from './ToggleButton';
+export { ToggleButtonGroup } from './ToggleButtonGroup';
+export { Tabs, Tab } from './Tabs';
+export { Tooltip } from './Tooltip';
+export { FormControl, FormGroup, FormLabel, FormControlLabel, FormHelperText } from './FormElements';
+export { Radio, RadioGroup } from './RadioGroup';
+export { FieldError } from './FieldError';
+export { Select } from './Select';
+export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnector } from './Stepper';
+export { Popover } from './Popover';
+//TODO: Review following components. They also need theme control:
+export { TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItem, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, } from '@mui/material';
+export { TabPanel, TreeItem, TreeView } from '@mui/lab';

package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ValueEditorProps } from 'react-querybuilder';
+import 'react-querybuilder/dist/query-builder.css';
+import { AutocompleteOption } from '../../core';
+export declare type ObjectProperty = {
+    id: string;
+    name: string;
+    type: string;
+    enum?: string[];
+    required?: boolean;
+    searchable?: boolean;
+    objectId?: string;
+    formula?: string;
+};
+declare type CustomValueEditorProps = ValueEditorProps & {
+    values?: AutocompleteOption[] | any[];
+};
+declare type CriteriaInputProps = {
+    properties: ObjectProperty[];
+    setCriteria: Function;
+    criteria?: Record<string, any>;
+    enablePresetValues?: boolean;
+};
+export declare const customValueEditorWithPresets: (props: CustomValueEditorProps) => JSX.Element;
+export declare const customValueEditor: (props: CustomValueEditorProps) => JSX.Element;
+declare const CriteriaBuilder: (props: CriteriaInputProps) => JSX.Element;
+export default CriteriaBuilder;