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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+declare type MenuBarProps = {
+    showNotifications: boolean;
+    logo: any;
+    logoAltText?: string;
+    notificationProps?: any;
+    navItems?: ReactJSXElement;
+    envName?: string;
+};
+export default function MenuBar(props: MenuBarProps): JSX.Element;
+export {};

package/dist/published/components/custom/Menubar/Menubar.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { AppBar, Toolbar, Box, Typography } from '@mui/material';
+import { Notifications as NotificationIcon } from '@mui/icons-material';
+import UIThemeProvider from '../../../theme';
+const classes = {
+    title: {
+        flexGrow: 1,
+        height: 70,
+    },
+    logo: {
+        paddingRight: '16px',
+    },
+};
+export default function MenuBar(props) {
+    var _a;
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(AppBar, { color: "inherit", position: "fixed", elevation: 0, sx: { zIndex: (theme) => theme.zIndex.drawer + 1, borderBottom: '1px solid #919EAB3D' } },
+            React.createElement(Toolbar, { sx: { justifyContent: 'space-between' } },
+                React.createElement(Box, { sx: classes.title }, !props.envName ? (React.createElement("img", { src: props.logo, alt: props.logoAltText, height: "70px", width: "inherit", style: classes.logo })) : (React.createElement(Box, { mt: 2 },
+                    React.createElement(Typography, { variant: "h5" }, props === null || props === void 0 ? void 0 :
+                        props.envName,
+                        " ")))),
+                props.navItems,
+                props.showNotifications && (React.createElement(NotificationIcon, Object.assign({ color: "action", fontSize: "small" }, props.notificationProps, { sx: Object.assign({ marginLeft: '10px' }, (_a = props.notificationProps) === null || _a === void 0 ? void 0 : _a.sx) })))))));
+}

package/dist/published/components/custom/Menubar/Menubar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/published/components/custom/Menubar/Menubar.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Menubar from './index';
+import { Link } from '../../core';
+test('render Menubar component without crashing', () => {
+    const navItems = (React.createElement(React.Fragment, null,
+        React.createElement(Link, { href: "#" }, "Object1"),
+        React.createElement(Link, { href: "#" }, "Object2"),
+        React.createElement(Link, { href: "#" }, "Object3")));
+    render(React.createElement(Menubar, { showNotifications: true, navItems: navItems, logo: "" }));
+    expect(screen.getAllByRole('link')).toHaveLength(3);
+});

package/dist/published/components/custom/Menubar/index.d.ts

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

package/dist/published/components/custom/Menubar/index.js

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare type DropdownOptions = {
+    id?: string;
+    label: string;
+    value: boolean;
+};
+declare type MultiSelectProps = {
+    options: DropdownOptions[];
+    onChange: Function;
+    maxHeight?: number;
+    isSortable?: Boolean;
+};
+export default function MultiSelect(props: MultiSelectProps): JSX.Element;
+export {};

package/dist/published/components/custom/MultiSelect/MultiSelect.js

@@ -0,0 +1,144 @@
+import React, { useEffect, useState } from 'react';
+import { Box, FormControlLabel, Grid, InputAdornment, Switch, TextField, Typography } from '@mui/material';
+import DragHandleIcon from '@mui/icons-material/DragHandle';
+import { Search } from '@mui/icons-material';
+import UIThemeProvider from '../../../theme';
+import { sortBy } from 'lodash';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';
+import { SortableItem } from './SortableItem';
+const styles = {
+    textField: {
+        borderRadius: '8px',
+        border: '1px solid rgba(145, 158, 171, 0.32)',
+    },
+    listItem: {
+        borderRadius: '4px',
+        background: '#F4F6F8',
+    },
+    list: {
+        height: 'auto',
+        overflow: 'auto',
+    },
+    switch: {
+        padding: '1px 8px',
+    },
+};
+export default function MultiSelect(props) {
+    const { options, onChange, maxHeight, isSortable } = props;
+    const [optionsArray, setOptions] = useState(options);
+    const [selectAll, setSelectAll] = useState(false);
+    const [searchText, setSearchText] = useState('');
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }), useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 8,
+        },
+    }));
+    useEffect(() => {
+        if (optionsArray === null || optionsArray === void 0 ? void 0 : optionsArray.every((option) => option.value === true)) {
+            setSelectAll(true);
+        }
+        else {
+            setSelectAll(false);
+        }
+    }, [optionsArray]);
+    const handleFlagChange = (event, idOrLabel) => {
+        const newOptions = optionsArray.map((option) => {
+            var _a;
+            if ((_a = idOrLabel === option.id) !== null && _a !== void 0 ? _a : option.label) {
+                option.value = event.target.checked;
+            }
+            return option;
+        });
+        const allOptions = options === null || options === void 0 ? void 0 : options.map((option) => optionsArray.find((o) => o.id === option.id) || option);
+        onChange(allOptions);
+        setOptions(newOptions);
+    };
+    const handleSelectAllChange = (event) => {
+        setSelectAll(event.target.checked);
+        const newOptions = optionsArray.map((option) => {
+            option.value = event.target.checked;
+            return option;
+        });
+        onChange(newOptions);
+        setOptions(newOptions);
+    };
+    const filterItems = (event) => {
+        setSearchText(event.target.value);
+        const keyword = event.target.value.toLowerCase();
+        let searchResults = [];
+        if (keyword) {
+            searchResults = optionsArray.filter((option) => option.label.toLowerCase().indexOf(keyword) !== -1);
+        }
+        else {
+            searchResults = options;
+        }
+        setOptions(searchResults);
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        const items = [...optionsArray];
+        let reOrderedItems = [];
+        if (active.id !== over.id) {
+            const oldIndex = items.findIndex((item) => item.id === active.id);
+            const newIndex = items.findIndex((item) => item.id === over.id);
+            reOrderedItems = arrayMove(items, oldIndex, newIndex);
+            setOptions(reOrderedItems);
+            onChange(reOrderedItems);
+        }
+    };
+    const arrayMove = (items, fromIndex, toIndex) => {
+        const element = items[fromIndex];
+        items.splice(fromIndex, 1);
+        items.splice(toIndex, 0, element);
+        return items;
+    };
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement(Grid, { container: true, direction: "column", sx: { paddingTop: '10px' } },
+            options.length > 4 && (React.createElement(Grid, { item: true, p: 1 },
+                React.createElement(TextField, { placeholder: "Search Properties", size: "small", InputProps: {
+                        startAdornment: (React.createElement(InputAdornment, { position: "start" },
+                            React.createElement(Search, null))),
+                    }, fullWidth: true, sx: styles.textField, value: searchText, onChange: filterItems }))),
+            (optionsArray === null || optionsArray === void 0 ? void 0 : optionsArray.length) > 1 && (React.createElement(Grid, { item: true, sx: styles.switch },
+                React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: selectAll, onChange: handleSelectAllChange }), label: "Select all fields" }))),
+            React.createElement(Box, { sx: Object.assign(Object.assign({}, styles.list), { maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : 'auto' }) }, !!isSortable ? (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis, restrictToWindowEdges] },
+                React.createElement(SortableContext, { items: optionsArray, strategy: verticalListSortingStrategy }, optionsArray.map((option) => {
+                    var _a, _b;
+                    return (React.createElement(SortableItem, { Item: () => {
+                            var _a, _b;
+                            return (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label },
+                                React.createElement(Grid, { container: true, justifyContent: "space-between", wrap: "nowrap" },
+                                    React.createElement(Grid, { alignSelf: "center", pl: 1, display: "flex", item: true },
+                                        React.createElement(Box, { sx: {
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                cursor: 'pointer',
+                                            }, pr: 1 },
+                                            React.createElement(DragHandleIcon, { fontSize: "small" })),
+                                        React.createElement(Typography, null,
+                                            " ", option === null || option === void 0 ? void 0 :
+                                            option.label,
+                                            " ")),
+                                    React.createElement(Grid, { item: true },
+                                        React.createElement(Switch, { id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label, checked: option.value, onChange: (event) => {
+                                                var _a;
+                                                handleFlagChange(event, (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label);
+                                            } })))));
+                        }, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label, id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label }));
+                })))) : (React.createElement(React.Fragment, null, sortBy(optionsArray, 'label').map((option) => {
+                var _a, _b;
+                return (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label },
+                    React.createElement(Grid, { container: true, justifyContent: "space-between" },
+                        React.createElement(Grid, { alignSelf: "center", pl: 1 },
+                            React.createElement(Typography, null,
+                                " ", option === null || option === void 0 ? void 0 :
+                                option.label,
+                                " ")),
+                        React.createElement(Grid, null,
+                            React.createElement(Switch, { id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label, checked: option.value, onChange: (event) => { var _a; return handleFlagChange(event, (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label); } })))));
+            })))))));
+}

package/dist/published/components/custom/MultiSelect/SortableItem.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SortableItem: (props: any) => JSX.Element;

package/dist/published/components/custom/MultiSelect/SortableItem.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+export const SortableItem = (props) => {
+    const { Item } = props;
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: props.id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+    };
+    return (React.createElement("div", Object.assign({ ref: setNodeRef, style: style }, attributes, listeners),
+        React.createElement(Item, null)));
+};

package/dist/published/components/custom/MultiSelect/index.d.ts

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

package/dist/published/components/custom/MultiSelect/index.js

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare type DynamicHeaders = {
+    field: string;
+    displayTitle: string;
+    mapping: string;
+};
+declare type RepeatableFieldProps = {
+    children: Function;
+    onChange: Function;
+    dynamicHeaders?: DynamicHeaders;
+    value?: object[];
+    noInitialItem?: boolean;
+};
+export default function RepeatableField(props: RepeatableFieldProps): JSX.Element;
+export {};

package/dist/published/components/custom/RepeatableField/RepeatableField.js

@@ -0,0 +1,111 @@
+import React, { useEffect, useState } from 'react';
+import { cloneDeep } from 'lodash-es';
+import { Accordion, Typography, AccordionSummary, AccordionDetails, Button } from '@mui/material';
+import UIThemeProvider from '../../../theme';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import AddIcon from '@mui/icons-material/Add';
+const styles = {
+    accordion: {
+        borderRadius: '8px',
+        margin: '8px 0',
+        '&:before': {
+            display: 'none',
+        },
+        '& .Mui-expanded': {
+            borderRadius: '8px 8px 0 0'
+        }
+    },
+    accordionSummary: {
+        background: '#F4F6F8',
+        borderRadius: '8px',
+        maxHeight: '30px'
+    },
+    accordionDetails: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'start',
+        borderRadius: '0 0 8px 8px',
+        border: '3px solid #F4F6F8',
+    },
+};
+export default function RepeatableField(props) {
+    const { children, onChange, dynamicHeaders, value, noInitialItem } = props;
+    const [selectedField, setSelectField] = useState([{}]);
+    useEffect(() => {
+        if (noInitialItem) {
+            setSelectField([]);
+        }
+        else {
+            setSelectField([{}]);
+        }
+    }, [noInitialItem]);
+    const handler = (event, index) => {
+        const updatedFields = cloneDeep(selectedField);
+        if (event.target.type === 'checkbox') {
+            updatedFields[index] = Object.assign(Object.assign({}, updatedFields[index]), { [event.target.name]: event.target.checked });
+        }
+        else {
+            updatedFields[index] = Object.assign(Object.assign({}, updatedFields[index]), { [event.target.name]: event.target.value });
+        }
+        onChange(updatedFields);
+        setSelectField(updatedFields);
+    };
+    const createInitialStateForFields = (index) => {
+        var _a, _b;
+        if (children) {
+            const childNodes = children(handler, 0, selectedField);
+            if ((_a = childNodes === null || childNodes === void 0 ? void 0 : childNodes.props) === null || _a === void 0 ? void 0 : _a.children.length) {
+                const fieldNames = (_b = childNodes === null || childNodes === void 0 ? void 0 : childNodes.props) === null || _b === void 0 ? void 0 : _b.children.map((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.name; });
+                const initialState = {};
+                fieldNames.map((name) => {
+                    if (name === 'checkbox') {
+                        initialState[name] = false;
+                    }
+                    else {
+                        initialState[name] = '';
+                    }
+                });
+                let newFields = cloneDeep(selectedField);
+                newFields[index] = initialState;
+                setSelectField(newFields);
+                onChange(newFields);
+            }
+        }
+    };
+    useEffect(() => {
+        if (value === null || value === void 0 ? void 0 : value.length) {
+            onChange(value);
+            setSelectField(value);
+        }
+        else {
+            if (!noInitialItem) {
+                createInitialStateForFields(0);
+            }
+        }
+    }, []);
+    const handleRemoveSelectField = (selectedIndex) => {
+        const filteredResults = selectedField.filter((value, index) => index !== selectedIndex);
+        onChange(filteredResults);
+        setSelectField(filteredResults);
+    };
+    const handleAddSelectedField = () => {
+        createInitialStateForFields(selectedField.length);
+    };
+    return (React.createElement(UIThemeProvider, null,
+        React.createElement("div", null, selectedField === null || selectedField === void 0 ? void 0 :
+            selectedField.map((field, index) => {
+                var _a;
+                return (React.createElement(Accordion, { key: index, elevation: 0, sx: styles.accordion },
+                    React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel1a-content", id: "panel1a-header", sx: styles.accordionSummary, color: '#F4F6F8' },
+                        React.createElement(Typography, { sx: { padding: '4px' } }, (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.displayTitle) ? (((_a = selectedField[index][dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.field]) === null || _a === void 0 ? void 0 : _a['value']) ||
+                            dynamicHeaders.displayTitle) : `Item ${index + 1}`)),
+                    React.createElement(AccordionDetails, { sx: styles.accordionDetails },
+                        React.createElement(React.Fragment, null, children(handler, index, selectedField)),
+                        React.createElement(Button, { variant: "outlined", color: "error", size: "small", sx: { margin: '15px 0 0 0', borderRadius: '8px', width: 'max-content' }, onClick: () => handleRemoveSelectField(index) },
+                            "Delete ",
+                            (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.displayTitle) || 'Item'))));
+            }),
+            React.createElement(Button, { variant: "outlined", color: "primary", size: "large", startIcon: React.createElement(AddIcon, null), fullWidth: true, sx: { margin: '15px 0px', borderRadius: '8px' }, onClick: () => handleAddSelectedField() },
+                "Add ",
+                (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.displayTitle) || 'Item'))));
+}

package/dist/published/components/custom/RepeatableField/index.d.ts

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

package/dist/published/components/custom/RepeatableField/index.js

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

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

@@ -0,0 +1,5 @@
+export { CriteriaBuilder } from './CriteriaBuilder';
+export { FormField } from './FormField';
+export { MenuBar } from './Menubar';
+export { MultiSelect } from './MultiSelect';
+export { RepeatableField } from './RepeatableField';

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

@@ -0,0 +1,5 @@
+export { CriteriaBuilder } from './CriteriaBuilder';
+export { FormField } from './FormField';
+export { MenuBar } from './Menubar';
+export { MultiSelect } from './MultiSelect';
+export { RepeatableField } from './RepeatableField';

package/dist/published/components/layout/Box/Box.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BoxProps } from '@mui/material';
+declare type CustomBoxProps = BoxProps & {
+    sx?: object;
+    component?: React.ElementType;
+};
+declare const Box: (props: CustomBoxProps) => JSX.Element;
+export default Box;

package/dist/published/components/layout/Box/Box.js

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

package/dist/published/components/layout/Box/index.d.ts

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

package/dist/published/components/layout/Box/index.js

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

package/dist/published/components/layout/Container/Container.d.ts

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

package/dist/published/components/layout/Container/Container.js

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

package/dist/published/components/layout/Container/index.d.ts

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

package/dist/published/components/layout/Container/index.js

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

package/dist/published/components/layout/Grid/Grid.d.ts

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

package/dist/published/components/layout/Grid/Grid.js

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

package/dist/published/components/layout/Grid/index.d.ts

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

package/dist/published/components/layout/Grid/index.js

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

package/dist/published/components/layout/Stack/Stack.d.ts

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

package/dist/published/components/layout/Stack/Stack.js

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

package/dist/published/components/layout/Stack/index.d.ts

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

package/dist/published/components/layout/Stack/index.js

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

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

@@ -0,0 +1,4 @@
+export { Box } from './Box';
+export { Container } from './Container';
+export { Grid } from './Grid';
+export { Stack } from './Stack';

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

@@ -0,0 +1,4 @@
+export { Box } from './Box';
+export { Container } from './Container';
+export { Grid } from './Grid';
+export { Stack } from './Stack';

package/dist/published/icons/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/icons-material';

package/dist/published/icons/index.js

@@ -0,0 +1 @@
+export * from '@mui/icons-material';

package/dist/published/index.d.ts

@@ -0,0 +1,6 @@
+export { ClickAwayListener, FormControlProps, FormHelperTextProps, GridSize, Toolbar } from '@mui/material';
+export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
+export * from './components/core';
+export { CriteriaBuilder, FormField, MenuBar, MultiSelect, RepeatableField } from './components/custom';
+export { Box, Container, Grid, Stack } from './components/layout';
+export * from './util';

package/dist/published/index.js

@@ -0,0 +1,6 @@
+export { ClickAwayListener, Toolbar } from '@mui/material';
+export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
+export * from './components/core';
+export { CriteriaBuilder, FormField, MenuBar, MultiSelect, RepeatableField } from './components/custom';
+export { Box, Container, Grid, Stack } from './components/layout';
+export * from './util';

package/dist/published/stories/Accordion.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: import("@mui/material").AccordionProps) => JSX.Element>;
+export default _default;
+export declare const Accordion: ComponentStory<(props: import("@mui/material").AccordionProps) => JSX.Element>;

package/dist/published/stories/Accordion.stories.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Typography } from '@mui/material';
+import { Accordion as CustomAccordion, AccordionSummary, AccordionDetails } from '../index';
+export default {
+    title: 'Data Display/Accordion',
+    component: CustomAccordion,
+};
+const AccordionTemplate = (args) => {
+    return (React.createElement("div", null,
+        React.createElement(CustomAccordion, Object.assign({}, args),
+            React.createElement(AccordionSummary, { "aria-controls": "panel1a-content", id: "panel1a-header" },
+                React.createElement(Typography, null, "Accordion 1")),
+            React.createElement(AccordionDetails, null,
+                React.createElement(Typography, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."))),
+        React.createElement(CustomAccordion, Object.assign({}, args),
+            React.createElement(AccordionSummary, { "aria-controls": "panel2a-content", id: "panel2a-header" },
+                React.createElement(Typography, null, "Accordion 2")),
+            React.createElement(AccordionDetails, null,
+                React.createElement(Typography, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")))));
+};
+export const Accordion = AccordionTemplate.bind({});

package/dist/published/stories/Alert.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: import("@mui/material").AlertProps) => JSX.Element>;
+export default _default;
+export declare const Alert: ComponentStory<(props: import("@mui/material").AlertProps) => JSX.Element>;

package/dist/published/stories/Alert.stories.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Alert as CustomAlert } from '../index';
+export default {
+    title: 'Data Display/Alert',
+    component: CustomAlert,
+};
+const AlertTemplate = (args) => (React.createElement(CustomAlert, Object.assign({ severity: "error" }, args), "This is an error alert \u2014 check it out!"));
+export const Alert = AlertTemplate.bind({});

package/dist/published/stories/Appbar.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: import("@mui/material").AppBarProps<"header", {}>) => JSX.Element>;
+export default _default;
+export declare const AppBar: ComponentStory<(props: import("@mui/material").AppBarProps<"header", {}>) => JSX.Element>;

package/dist/published/stories/Appbar.stories.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AppBar as CustomAppBar, Toolbar, Typography, Box, Button, IconButton } from '../index';
+import { Menu } from '@mui/icons-material';
+export default {
+    title: 'Data Display/AppBar',
+    component: CustomAppBar,
+};
+const Template = (props) => (React.createElement(Box, { sx: { flexGrow: 1 } },
+    React.createElement(CustomAppBar, { position: "static" },
+        React.createElement(Toolbar, null,
+            React.createElement(IconButton, { size: "large", edge: "start", color: "inherit", "aria-label": "menu", sx: { mr: 2 } },
+                React.createElement(Menu, null)),
+            React.createElement(Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 } }, "News"),
+            React.createElement(Button, { color: "inherit" }, "Login")))));
+export const AppBar = Template.bind({});