@evoke-platform/ui-components 1.0.0-dev.216 → 1.0.0-dev.218
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/colors.ts +1 -1
- package/dist/published/components/core/Accordion/Accordion.js +1 -1
- package/dist/published/components/core/Accordion/AccordionActions/AccordionActions.js +1 -1
- package/dist/published/components/core/Accordion/AccordionDetails/AccordionDetails.js +1 -1
- package/dist/published/components/core/Accordion/AccordionSummary/AccordionSummary.js +1 -1
- package/dist/published/components/core/Accordion/index.d.ts +2 -2
- package/dist/published/components/core/Accordion/index.js +2 -2
- package/dist/published/components/core/Alert/Alert.js +3 -3
- package/dist/published/components/core/AlertTitle/AlertTitle.js +1 -1
- package/dist/published/components/core/AppBar/AppBar.js +1 -1
- package/dist/published/components/core/Autocomplete/Autocomplete.d.ts +2 -2
- package/dist/published/components/core/Autocomplete/Autocomplete.js +2 -2
- package/dist/published/components/core/Autocomplete/Autocomplete.test.js +1 -1
- package/dist/published/components/core/Avatar/Avatar.js +1 -1
- package/dist/published/components/core/Backdrop/Backdrop.js +1 -1
- package/dist/published/components/core/Badge/Badge.js +1 -1
- package/dist/published/components/core/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/published/components/core/Button/Button.js +1 -1
- package/dist/published/components/core/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/published/components/core/Card/Card.js +1 -1
- package/dist/published/components/core/Checkbox/Checkbox.js +1 -1
- package/dist/published/components/core/Chip/Chip.js +1 -1
- package/dist/published/components/core/CircularProgress/CircularProgress.js +1 -1
- package/dist/published/components/core/Collapse/Collapse.js +1 -1
- package/dist/published/components/core/DatePicker/DatePicker.js +3 -3
- package/dist/published/components/core/DateTimePicker/DateTimePicker.js +3 -3
- package/dist/published/components/core/Dialog/Dialog.js +1 -1
- package/dist/published/components/core/Dialog/DialogActions/DialogActions.d.ts +2 -2
- package/dist/published/components/core/Dialog/DialogActions/DialogActions.js +1 -1
- package/dist/published/components/core/Dialog/DialogContent/DialogContent.js +1 -1
- package/dist/published/components/core/Dialog/DialogContentText/DialogContentText.js +1 -1
- package/dist/published/components/core/Dialog/DialogTitle/DialogTitle.js +1 -1
- package/dist/published/components/core/Dialog/index.d.ts +2 -2
- package/dist/published/components/core/Dialog/index.js +2 -2
- package/dist/published/components/core/Divider/Divider.js +1 -1
- package/dist/published/components/core/Drawer/Drawer.js +1 -1
- package/dist/published/components/core/FieldError/FieldError.js +2 -2
- package/dist/published/components/core/FormElements/FormControl/FormControl.js +1 -1
- package/dist/published/components/core/FormElements/FormControlLabel/FormControlLabel.js +1 -1
- package/dist/published/components/core/FormElements/FormGroup/FormGroup.js +1 -1
- package/dist/published/components/core/FormElements/FormHelperText/FormHelperText.js +1 -1
- package/dist/published/components/core/FormElements/FormLabel/FormLabel.js +1 -1
- package/dist/published/components/core/FormElements/index.d.ts +3 -3
- package/dist/published/components/core/FormElements/index.js +3 -3
- package/dist/published/components/core/IconButton/IconButton.js +1 -1
- package/dist/published/components/core/LinearProgress/LinearProgress.js +1 -1
- package/dist/published/components/core/Link/Link.js +1 -1
- package/dist/published/components/core/List/List.js +1 -1
- package/dist/published/components/core/List/ListItem.js +1 -1
- package/dist/published/components/core/List/ListItemText/ListItemText.js +1 -1
- package/dist/published/components/core/LoadingButton/LoadingButton.js +1 -1
- package/dist/published/components/core/LocalizationProvider/LocalizationProvider.js +4 -4
- package/dist/published/components/core/Menu/Menu.js +1 -1
- package/dist/published/components/core/Menu/MenuItem/MenuItem.js +1 -1
- package/dist/published/components/core/Menu/index.d.ts +1 -1
- package/dist/published/components/core/Menu/index.js +1 -1
- package/dist/published/components/core/Paper/Paper.js +1 -1
- package/dist/published/components/core/Popover/Popover.js +1 -1
- package/dist/published/components/core/Popper/Popper.js +1 -1
- package/dist/published/components/core/RadioGroup/Radio.js +1 -1
- package/dist/published/components/core/RadioGroup/RadioGroup.js +1 -1
- package/dist/published/components/core/Select/Select.js +1 -1
- package/dist/published/components/core/Skeleton/Skeleton.js +1 -1
- package/dist/published/components/core/Snackbar/Snackbar.d.ts +2 -2
- package/dist/published/components/core/Snackbar/Snackbar.js +1 -1
- package/dist/published/components/core/StaticDatePicker/StaticDatePicker.js +2 -2
- package/dist/published/components/core/Stepper/Step/Step.js +1 -1
- package/dist/published/components/core/Stepper/StepButton/StepButton.js +1 -1
- package/dist/published/components/core/Stepper/StepConnector/StepConnector.js +1 -1
- package/dist/published/components/core/Stepper/StepContent/StepContent.js +1 -1
- package/dist/published/components/core/Stepper/StepIcon/StepIcon.js +1 -1
- package/dist/published/components/core/Stepper/StepLabel/StepLabel.js +1 -1
- package/dist/published/components/core/Stepper/Stepper.js +1 -1
- package/dist/published/components/core/Stepper/index.d.ts +5 -5
- package/dist/published/components/core/Stepper/index.js +5 -5
- package/dist/published/components/core/Switch/Switch.js +1 -1
- package/dist/published/components/core/Table/Table.js +1 -1
- package/dist/published/components/core/Tabs/Tab/Tab.js +1 -1
- package/dist/published/components/core/Tabs/Tabs.js +1 -1
- package/dist/published/components/core/Tabs/index.d.ts +2 -2
- package/dist/published/components/core/Tabs/index.js +2 -2
- package/dist/published/components/core/TextField/TextField.js +1 -1
- package/dist/published/components/core/TextField/TextField.test.js +1 -1
- package/dist/published/components/core/ToggleButton/ToggleButton.js +1 -1
- package/dist/published/components/core/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/dist/published/components/core/Tooltip/Tooltip.js +1 -1
- package/dist/published/components/core/Typography/index.js +1 -1
- package/dist/published/components/core/index.d.ts +23 -23
- package/dist/published/components/core/index.js +22 -22
- package/dist/published/components/custom/BuilderGrid/BuilderGrid.d.ts +3 -3
- package/dist/published/components/custom/BuilderGrid/BuilderGrid.js +1 -1
- package/dist/published/components/custom/BuilderGrid/BuilderGridToolbar.d.ts +2 -2
- package/dist/published/components/custom/BuilderGrid/ToolbarActions.d.ts +2 -2
- package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.d.ts +3 -3
- package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.js +2 -2
- package/dist/published/components/custom/CriteriaBuilder/ValueEditor.d.ts +1 -1
- package/dist/published/components/custom/CriteriaBuilder/ValueEditor.js +3 -3
- package/dist/published/components/custom/DataGrid/DataGrid.d.ts +1 -1
- package/dist/published/components/custom/DataGrid/DataGrid.js +4 -5
- package/dist/published/components/custom/DataGrid/DateTimeCustomOperator.js +1 -1
- package/dist/published/components/custom/DataGrid/Toolbar.d.ts +1 -1
- package/dist/published/components/custom/DataGrid/Toolbar.js +3 -3
- package/dist/published/components/custom/ErrorComponent/ErrorComponent.d.ts +2 -2
- package/dist/published/components/custom/ErrorComponent/ErrorComponent.js +2 -2
- package/dist/published/components/custom/Form/Common/Form.d.ts +38 -0
- package/dist/published/components/custom/Form/Common/Form.js +413 -0
- package/dist/published/components/custom/Form/Common/FormComponentWrapper.d.ts +26 -0
- package/dist/published/components/custom/Form/Common/FormComponentWrapper.js +79 -0
- package/dist/published/components/custom/Form/Common/index.d.ts +2 -0
- package/dist/published/components/custom/Form/Common/index.js +2 -0
- package/dist/published/components/custom/Form/FormComponents/ButtonComponent.d.ts +37 -0
- package/dist/published/components/custom/Form/FormComponents/ButtonComponent.js +150 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.d.ts +17 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js +80 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.js +154 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.js +172 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.d.ts +41 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +409 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.js +111 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.js +112 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.js +229 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +34 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +150 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.d.ts +3 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.js +306 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.d.ts +24 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.js +126 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts +21 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +96 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.js +158 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.d.ts +39 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.js +89 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.d.ts +12 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +369 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +57 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.d.ts +26 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.js +99 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js +115 -0
- package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js +83 -0
- package/dist/published/components/custom/Form/FormComponents/index.d.ts +8 -0
- package/dist/published/components/custom/Form/FormComponents/index.js +8 -0
- package/dist/published/components/custom/Form/index.d.ts +3 -0
- package/dist/published/components/custom/Form/index.js +3 -0
- package/dist/published/components/custom/Form/types.d.ts +109 -0
- package/dist/published/components/custom/Form/types.js +1 -0
- package/dist/published/components/custom/Form/utils.d.ts +45 -0
- package/dist/published/components/custom/Form/utils.js +1036 -0
- package/dist/published/components/custom/FormField/AddressFieldComponent/AddressFieldComponent.test.js +1 -1
- package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js +1 -1
- package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.test.js +1 -1
- package/dist/published/components/custom/FormField/DatePickerSelect/DatePickerSelect.test.js +3 -3
- package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.js +2 -2
- package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.test.js +4 -4
- package/dist/published/components/custom/FormField/FormField.d.ts +4 -4
- package/dist/published/components/custom/FormField/FormField.js +1 -1
- package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js +1 -1
- package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.test.js +1 -1
- package/dist/published/components/custom/FormField/Select/Select.test.js +1 -1
- package/dist/published/components/custom/FormField/TimePickerSelect/TimePickerSelect.js +4 -4
- package/dist/published/components/custom/Menubar/Menubar.js +1 -1
- package/dist/published/components/custom/Menubar/Menubar.test.js +2 -2
- package/dist/published/components/custom/MultiSelect/MultiSelect.js +7 -7
- package/dist/published/components/custom/MultiSelect/SortableItem.js +2 -2
- package/dist/published/components/custom/RepeatableField/RepeatableField.js +4 -4
- package/dist/published/components/custom/index.d.ts +1 -0
- package/dist/published/components/custom/index.js +1 -0
- package/dist/published/components/custom/util.js +1 -1
- package/dist/published/components/layout/Box/Box.d.ts +2 -2
- package/dist/published/components/layout/Box/Box.js +1 -1
- package/dist/published/components/layout/Container/Container.js +1 -1
- package/dist/published/components/layout/Grid/Grid.js +1 -1
- package/dist/published/components/layout/Stack/Stack.js +1 -1
- package/dist/published/icons/custom/TrashCan.d.ts +1 -1
- package/dist/published/icons/custom/TrashCan.js +1 -1
- package/dist/published/icons/custom/index.d.ts +1 -1
- package/dist/published/icons/custom/index.js +1 -1
- package/dist/published/index.d.ts +3 -3
- package/dist/published/index.js +2 -2
- package/dist/published/stories/Accordion.stories.d.ts +1 -1
- package/dist/published/stories/Accordion.stories.js +2 -2
- package/dist/published/stories/Alert.stories.d.ts +1 -1
- package/dist/published/stories/AlertTitle.stories.d.ts +1 -1
- package/dist/published/stories/Appbar.stories.d.ts +1 -1
- package/dist/published/stories/Appbar.stories.js +2 -2
- package/dist/published/stories/Autocomplete.stories.d.ts +1 -1
- package/dist/published/stories/Autocomplete.stories.js +3 -3
- package/dist/published/stories/Avatar.stories.d.ts +1 -1
- package/dist/published/stories/Backdrop.stories.d.ts +1 -1
- package/dist/published/stories/Backdrop.stories.js +3 -3
- package/dist/published/stories/Badge.stories.d.ts +1 -1
- package/dist/published/stories/Badge.stories.js +1 -1
- package/dist/published/stories/Box.stories.d.ts +1 -1
- package/dist/published/stories/Breadcrumbs.stories.d.ts +1 -1
- package/dist/published/stories/Button.stories.d.ts +1 -1
- package/dist/published/stories/ButtonGroup.stories.d.ts +1 -1
- package/dist/published/stories/Card.stories.d.ts +1 -1
- package/dist/published/stories/Card.stories.js +1 -1
- package/dist/published/stories/Checkbox.stories.d.ts +1 -1
- package/dist/published/stories/Chip.stories.d.ts +1 -1
- package/dist/published/stories/CircularProgress.stories.d.ts +1 -1
- package/dist/published/stories/Collapse.stories.d.ts +1 -1
- package/dist/published/stories/Collapse.stories.js +1 -1
- package/dist/published/stories/Container.stories.d.ts +1 -1
- package/dist/published/stories/Container.stories.js +3 -3
- package/dist/published/stories/DataGrid.stories.d.ts +1 -1
- package/dist/published/stories/DataGrid.stories.js +1 -1
- package/dist/published/stories/DatePicker.stories.d.ts +1 -1
- package/dist/published/stories/Dialog.stories.d.ts +1 -1
- package/dist/published/stories/Dialog.stories.js +3 -3
- package/dist/published/stories/Divider.stories.d.ts +1 -1
- package/dist/published/stories/Drawer.stories.d.ts +1 -1
- package/dist/published/stories/Drawer.stories.js +4 -4
- package/dist/published/stories/FormControl.stories.d.ts +1 -1
- package/dist/published/stories/FormControl.stories.js +1 -1
- package/dist/published/stories/FormControlLabel.stories.d.ts +1 -1
- package/dist/published/stories/FormGroup.stories.d.ts +1 -1
- package/dist/published/stories/FormHelperText.stories.d.ts +1 -1
- package/dist/published/stories/FormLabel.stories.d.ts +1 -1
- package/dist/published/stories/FormLabel.stories.js +2 -2
- package/dist/published/stories/Grid.stories.d.ts +1 -1
- package/dist/published/stories/IconButton.stories.d.ts +1 -1
- package/dist/published/stories/IconButton.stories.js +1 -1
- package/dist/published/stories/LinearProgress.stories.d.ts +1 -1
- package/dist/published/stories/Link.stories.d.ts +1 -1
- package/dist/published/stories/List.stories.d.ts +1 -1
- package/dist/published/stories/List.stories.js +3 -3
- package/dist/published/stories/Menu.stories.d.ts +1 -1
- package/dist/published/stories/Menu.stories.js +3 -3
- package/dist/published/stories/MenuBar.stories.d.ts +1 -1
- package/dist/published/stories/MenuBar.stories.js +1 -1
- package/dist/published/stories/MultiSelect.stories.d.ts +1 -1
- package/dist/published/stories/MultiSelect.stories.js +1 -1
- package/dist/published/stories/Palette.stories.d.ts +1 -1
- package/dist/published/stories/Palette.stories.js +1 -1
- package/dist/published/stories/Paper.stories.d.ts +1 -1
- package/dist/published/stories/Paper.stories.js +1 -1
- package/dist/published/stories/RadioGroup.stories.d.ts +1 -1
- package/dist/published/stories/RadioGroup.stories.js +1 -1
- package/dist/published/stories/RepeatableField.stories.d.ts +1 -1
- package/dist/published/stories/RepeatableField.stories.js +1 -1
- package/dist/published/stories/Skeleton.stories.d.ts +1 -1
- package/dist/published/stories/Snackbar.stories.d.ts +1 -1
- package/dist/published/stories/Snackbar.stories.js +3 -3
- package/dist/published/stories/Stack.stories.d.ts +1 -1
- package/dist/published/stories/StaticDatePicker.stories.d.ts +1 -1
- package/dist/published/stories/Stepper.stories.d.ts +2 -2
- package/dist/published/stories/Stepper.stories.js +6 -6
- package/dist/published/stories/Switch.stories.d.ts +1 -1
- package/dist/published/stories/Table.stories.d.ts +1 -1
- package/dist/published/stories/Table.stories.js +1 -1
- package/dist/published/stories/Tabs.stories.d.ts +1 -1
- package/dist/published/stories/TextField.stories.d.ts +1 -1
- package/dist/published/stories/TimePicker.stories.d.ts +1 -1
- package/dist/published/stories/TimePicker.stories.js +1 -1
- package/dist/published/stories/TimePickerSelect.stories.d.ts +1 -1
- package/dist/published/stories/ToggleButton.stories.d.ts +1 -1
- package/dist/published/stories/ToggleButton.stories.js +3 -3
- package/dist/published/stories/Typography.stories.d.ts +1 -1
- package/dist/published/stories/Typography.stories.js +1 -1
- package/dist/published/styles/form-component.css +152 -0
- package/dist/published/theme/UIThemeProvider.d.ts +2 -2
- package/dist/published/theme/UIThemeProvider.js +1 -1
- package/dist/published/util/date.d.ts +1 -1
- package/dist/published/util/date.js +1 -1
- package/icons.ts +1 -1
- package/package.json +21 -7
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { CollapseProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: CollapseProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Collapse: ComponentStory<(props: CollapseProps) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { useState } from 'react';
|
2
|
-
import { Collapse as CustomCollapse,
|
2
|
+
import { Box, Collapse as CustomCollapse, FormControlLabel, Switch, Typography } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Data Display/Collapse',
|
5
5
|
component: CustomCollapse,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { ContainerProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: ContainerProps<"div", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Container: ComponentStory<(props: ContainerProps<"div", {}>) => JSX.Element>;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Container as CustomContainer
|
1
|
+
import React, { Fragment } from 'react';
|
2
|
+
import { Box, Container as CustomContainer } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Layout/Container',
|
5
5
|
component: CustomContainer,
|
6
6
|
};
|
7
7
|
const ContainerTemplate = (args) => {
|
8
|
-
return (React.createElement(
|
8
|
+
return (React.createElement(Fragment, null,
|
9
9
|
React.createElement(CustomContainer, Object.assign({ maxWidth: "sm" }, args),
|
10
10
|
React.createElement(Box, { sx: { bgcolor: '#cfe8fc', height: '200px' } }))));
|
11
11
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
2
2
|
import { DataGrid as CustomDataGrid } from '../index';
|
3
3
|
declare const _default: ComponentMeta<typeof CustomDataGrid>;
|
4
4
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
import { DatePickerProps } from '../index';
|
4
4
|
declare const _default: ComponentMeta<(props: DatePickerProps) => JSX.Element>;
|
5
5
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { DialogProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: DialogProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Dialog: ComponentStory<(props: DialogProps) => JSX.Element>;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Dialog as CustomDialog,
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import { Button, Dialog as CustomDialog, DialogActions, DialogContent, DialogTitle, TextField, Typography, } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Data Display/Dialog',
|
5
5
|
component: CustomDialog,
|
6
6
|
};
|
7
7
|
const DialogTemplate = (args) => {
|
8
|
-
const [open, setOpen] =
|
8
|
+
const [open, setOpen] = useState(false);
|
9
9
|
const handleClickOpen = () => {
|
10
10
|
setOpen(true);
|
11
11
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { DividerProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: DividerProps<"hr", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Divider: ComponentStory<(props: DividerProps<"hr", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { DrawerProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: DrawerProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Drawer: ComponentStory<(props: DrawerProps) => JSX.Element>;
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import React from 'react';
|
2
1
|
import { Typography } from '@mui/material';
|
3
|
-
import {
|
2
|
+
import React, { Fragment, useState } from 'react';
|
3
|
+
import { Button, Drawer as CustomDrawer } from '../index';
|
4
4
|
export default {
|
5
5
|
title: 'Navigation/Drawer',
|
6
6
|
component: CustomDrawer,
|
7
7
|
};
|
8
8
|
const DrawerTemplate = (args) => {
|
9
|
-
const [state, setState] =
|
9
|
+
const [state, setState] = useState({
|
10
10
|
top: false,
|
11
11
|
left: false,
|
12
12
|
bottom: false,
|
@@ -19,7 +19,7 @@ const DrawerTemplate = (args) => {
|
|
19
19
|
}
|
20
20
|
setState(Object.assign(Object.assign({}, state), { [anchor]: open }));
|
21
21
|
};
|
22
|
-
return (React.createElement("div", null, ['left', 'right', 'top', 'bottom'].map((anchor) => (React.createElement(
|
22
|
+
return (React.createElement("div", null, ['left', 'right', 'top', 'bottom'].map((anchor) => (React.createElement(Fragment, { key: anchor },
|
23
23
|
React.createElement(Button, { onClick: toggleDrawer(anchor, true) }, anchor),
|
24
24
|
React.createElement(CustomDrawer, Object.assign({ anchor: anchor, open: state[anchor], onClose: toggleDrawer(anchor, false) }, args),
|
25
25
|
React.createElement(Typography, { variant: "h6" }, "Testing Drawer")))))));
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { FormControlProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: FormControlProps<"div", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const FormControl: ComponentStory<(props: FormControlProps<"div", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
|
+
import { FormLabel, Radio, RadioGroup } from '@mui/material';
|
1
2
|
import React from 'react';
|
2
3
|
import { FormControl as CustomFormControl, FormControlLabel } from '../index';
|
3
|
-
import { FormLabel, Radio, RadioGroup } from '@mui/material';
|
4
4
|
export default {
|
5
5
|
title: 'Form Elements/FormControl',
|
6
6
|
component: CustomFormControl,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { FormControlLabelProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: FormControlLabelProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const FormControlLabel: ComponentStory<(props: FormControlLabelProps) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { FormGroupProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: FormGroupProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const FormGroup: ComponentStory<(props: FormGroupProps) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
import { FormHelperTextProps } from '../index';
|
4
4
|
declare const _default: ComponentMeta<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { FormLabelProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: FormLabelProps<"label", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const FormLabel: ComponentStory<(props: FormLabelProps<"label", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { FormControl, FormControlLabel, FormLabel as CustomFormLabel } from '../index';
|
3
1
|
import { Radio, RadioGroup } from '@mui/material';
|
2
|
+
import React from 'react';
|
3
|
+
import { FormLabel as CustomFormLabel, FormControl, FormControlLabel } from '../index';
|
4
4
|
export default {
|
5
5
|
title: 'Form Elements/FormLabel',
|
6
6
|
component: CustomFormLabel,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { GridProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: GridProps<"div", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Grid: ComponentStory<(props: GridProps<"div", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { IconButtonProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
|
+
import { Alarm, Delete, ShoppingCart } from '@mui/icons-material';
|
1
2
|
import React from 'react';
|
2
3
|
import { IconButton as CustomIconButton, Stack } from '../index';
|
3
|
-
import { Delete, Alarm, ShoppingCart } from '@mui/icons-material';
|
4
4
|
export default {
|
5
5
|
title: 'Data Display/IconButton',
|
6
6
|
component: CustomIconButton,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { LinearProgressProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: LinearProgressProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const LinearProgress: ComponentStory<(props: LinearProgressProps) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { LinkProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { ListProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => JSX.Element>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import
|
2
|
-
import { Box, Divider, List as CustomList, ListItem, ListItemButton, ListItemText } from '../index';
|
1
|
+
import { Backpack, Mail } from '@mui/icons-material';
|
3
2
|
import { ListItemIcon } from '@mui/material';
|
4
|
-
import
|
3
|
+
import React from 'react';
|
4
|
+
import { Box, List as CustomList, Divider, ListItem, ListItemButton, ListItemText } from '../index';
|
5
5
|
export default {
|
6
6
|
title: 'Data Display/List',
|
7
7
|
component: CustomList,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { MenuProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: MenuProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Menu: ComponentStory<(props: MenuProps) => JSX.Element>;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Menu as CustomMenu,
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import { Button, Menu as CustomMenu, MenuItem } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Navigation/Menu',
|
5
5
|
component: CustomMenu,
|
6
6
|
};
|
7
7
|
const MenuTemplate = (args) => {
|
8
|
-
const [anchorEl, setAnchorEl] =
|
8
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
9
9
|
const open = Boolean(anchorEl);
|
10
10
|
const handleClick = (event) => {
|
11
11
|
setAnchorEl(event.currentTarget);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
2
2
|
import { MenuBar as CustomMenuBar } from '../index';
|
3
3
|
declare const _default: ComponentMeta<typeof CustomMenuBar>;
|
4
4
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
|
+
import { Link } from '@mui/material';
|
1
2
|
import React from 'react';
|
2
3
|
import { MenuBar as CustomMenuBar } from '../index';
|
3
|
-
import { Link } from '@mui/material';
|
4
4
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
5
5
|
const logo = require('../assets/SA_logo.jpeg');
|
6
6
|
export default {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
2
2
|
import { MultiSelect as CustomMultiSelect } from '../index';
|
3
3
|
declare const _default: ComponentMeta<typeof CustomMultiSelect>;
|
4
4
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
1
2
|
import React from 'react';
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
3
|
declare const _default: ComponentMeta<(props: import("@mui/system").SystemProps<import("@mui/material/styles/createTheme").Theme> & {
|
4
4
|
children?: React.ReactNode;
|
5
5
|
component?: React.ElementType<any> | undefined;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { PaperProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { RadioGroupProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: RadioGroupProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const RadioGroup: ComponentStory<(props: RadioGroupProps) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { FormControl, FormControlLabel, FormLabel, Radio
|
2
|
+
import { RadioGroup as CustomRadioGroup, FormControl, FormControlLabel, FormLabel, Radio } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Input/RadioGroup',
|
5
5
|
component: CustomRadioGroup,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
2
2
|
import { RepeatableField as CustomRepeatableField } from '../index';
|
3
3
|
declare const _default: ComponentMeta<typeof CustomRepeatableField>;
|
4
4
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { RepeatableField as CustomRepeatableField, TextField
|
2
|
+
import { Autocomplete, Checkbox, RepeatableField as CustomRepeatableField, TextField } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Input/RepeatableField',
|
5
5
|
component: CustomRepeatableField,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { SkeletonProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
declare const _default: ComponentMeta<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => JSX.Element>;
|
4
4
|
export default _default;
|
5
5
|
export declare const Snackbar: ComponentStory<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => JSX.Element>;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Snackbar as CustomSnackbar
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import { Button, Snackbar as CustomSnackbar } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Data Display/Snackbar',
|
5
5
|
component: CustomSnackbar,
|
6
6
|
};
|
7
7
|
const SnackbarTemplate = (args) => {
|
8
|
-
const [open, setOpen] =
|
8
|
+
const [open, setOpen] = useState(false);
|
9
9
|
const handleClick = () => {
|
10
10
|
setOpen(true);
|
11
11
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { StackProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
import { StaticDatePickerProps } from '../index';
|
4
4
|
declare const _default: ComponentMeta<(props: StaticDatePickerProps) => JSX.Element>;
|
5
5
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
1
|
import { StepperProps } from '@mui/material';
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
|
+
import React from 'react';
|
4
4
|
declare const _default: ComponentMeta<(props: StepperProps<"div", {
|
5
5
|
component?: React.ElementType<any> | undefined;
|
6
6
|
}>) => JSX.Element>;
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Stepper as CustomStepper, Step, StepLabel,
|
1
|
+
import React, { Fragment, useState } from 'react';
|
2
|
+
import { Box, Button, Stepper as CustomStepper, Step, StepLabel, Typography } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Navigation/Stepper',
|
5
5
|
component: CustomStepper,
|
6
6
|
};
|
7
7
|
const StepperTemplate = (args) => {
|
8
8
|
const steps = ['Select campaign settings', 'Create an ad group', 'Create an ad'];
|
9
|
-
const [activeStep, setActiveStep] =
|
10
|
-
const [skipped, setSkipped] =
|
9
|
+
const [activeStep, setActiveStep] = useState(0);
|
10
|
+
const [skipped, setSkipped] = useState(new Set());
|
11
11
|
const isStepOptional = (step) => {
|
12
12
|
return step === 1;
|
13
13
|
};
|
@@ -55,11 +55,11 @@ const StepperTemplate = (args) => {
|
|
55
55
|
return (React.createElement(Step, Object.assign({ key: label }, stepProps),
|
56
56
|
React.createElement(StepLabel, Object.assign({}, labelProps), label)));
|
57
57
|
})),
|
58
|
-
activeStep === steps.length ? (React.createElement(
|
58
|
+
activeStep === steps.length ? (React.createElement(Fragment, null,
|
59
59
|
React.createElement(Typography, { sx: { mt: 2, mb: 1 } }, "All steps completed - you're finished"),
|
60
60
|
React.createElement(Box, { sx: { display: 'flex', flexDirection: 'row', pt: 2 } },
|
61
61
|
React.createElement(Box, { sx: { flex: '1 1 auto' } }),
|
62
|
-
React.createElement(Button, { onClick: handleReset }, "Reset")))) : (React.createElement(
|
62
|
+
React.createElement(Button, { onClick: handleReset }, "Reset")))) : (React.createElement(Fragment, null,
|
63
63
|
React.createElement(Typography, { sx: { mt: 2, mb: 1 } },
|
64
64
|
"Step ",
|
65
65
|
activeStep + 1),
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { SwitchProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: SwitchProps) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Switch: ComponentStory<(props: SwitchProps) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { TableProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { useState } from 'react';
|
2
|
-
import { Table as CustomTable,
|
2
|
+
import { Table as CustomTable, Paper, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, } from '../index';
|
3
3
|
export default {
|
4
4
|
title: 'Data Display/Table',
|
5
5
|
component: CustomTable,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { TabsProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const Tabs: ComponentStory<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { TextFieldProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: TextFieldProps & {
|
5
5
|
labelPlacement?: string | undefined;
|
6
6
|
readOnly?: boolean | undefined;
|
@@ -1,5 +1,5 @@
|
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
1
2
|
import React from 'react';
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
3
|
declare const _default: ComponentMeta<(<TInputDate, TDate = TInputDate>(props: import("@mui/x-date-pickers").TimePickerProps<TInputDate, TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
4
4
|
propTypes?: any;
|
5
5
|
}>;
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React, { useState } from 'react';
|
13
|
-
import {
|
13
|
+
import { LocalizationProvider, TextField, TimePicker } from '../index';
|
14
14
|
export default {
|
15
15
|
title: 'Input/TimePicker',
|
16
16
|
component: TimePicker,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
|
4
4
|
id: string;
|
5
5
|
}) => JSX.Element>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
2
|
import { ToggleButtonProps } from '@mui/material';
|
3
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
4
4
|
declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
|
5
5
|
export default _default;
|
6
6
|
export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import
|
1
|
+
import { FormatAlignCenter, FormatAlignJustify, FormatAlignLeft, FormatAlignRight } from '@mui/icons-material';
|
2
|
+
import React, { useState } from 'react';
|
2
3
|
import { ToggleButton as CustomToggleButton, ToggleButtonGroup } from '../index';
|
3
|
-
import { FormatAlignLeft, FormatAlignCenter, FormatAlignRight, FormatAlignJustify } from '@mui/icons-material';
|
4
4
|
export default {
|
5
5
|
title: 'Data Display/ToggleButton',
|
6
6
|
component: CustomToggleButton,
|
7
7
|
};
|
8
8
|
const ToggleButtonTemplate = (args) => {
|
9
|
-
const [alignment, setAlignment] =
|
9
|
+
const [alignment, setAlignment] = useState('left');
|
10
10
|
const handleAlignment = (event, newAlignment) => {
|
11
11
|
setAlignment(newAlignment);
|
12
12
|
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
3
|
declare const _default: ComponentMeta<(props: any) => JSX.Element>;
|
4
4
|
export default _default;
|
5
5
|
export declare const Typography: ComponentStory<(props: any) => JSX.Element>;
|